react
2023-07-20 21:32:47 0 举报AI智能生成
react学习
作者其他创作
大纲/内容
git
禁用 console.log
transform-remove-console
.eslintignore
eslint
prettier
styleLint
vscode 保存格式化代码
husky
commitLint
scripts/preinstall.js
项目工程化
lazyLoad
<BrowserRouter>与<HashRouter>
<Link>与<NavLink>
<Switch>与<Route>
<Redirect>
语法
路由表(自己封装)
this.props.params
this.props.search
this.props.location
获取路由参数
this.props.history
withRouter
编程式导航
...
其它
this
react-router-dom@5
<Routes>与<Route>
<Navigate>
<Outlet>
useRoutes
路由表
useParams
useSearchParams
useLocation
useMatch
uesNavigate
useInRouterContext
useNavigationType
useOutlet
useResolvedPath
Hooks
react-router-dom@6
路由
react-redux 整合
store
reducers
fn
actions
redux 更新、发布、订阅
redux-thunk 请求
redux-saga 请求
reudx-persist 持久化
中件间
reudx-toolkit 语法糖
数据集中式管理
拦截器
api封装
洗数据(傻B后端)
axios
<Fragment key={ 1 }>
<></>
Fragment
错误边界
各种不常用API ...
拓展
Linux
nginx
上线
组件本质 jsx
class 组件
func 组件
声明
非受控组件
受控组件
控制
路由组件
非路由组件
容器组件
UI组件
react-reudx
父子组件
兄弟组件
祖孙组件
关系
组件分类
传非函数
传方法
props
this.props.childrenthis.props.render({ ...this.state })
context
redux
dva
等等...
pubs-sub
event
消息订阅-发布
组件通信(重点)
可传两个参数
state
string
回调函数
React.createRef()
refs与事件处理
组件三大核心属性
ReactDOM.render( ... )
componentDidMount
挂载
componentDidUpdate
更新
componentWillUnmount
卸载
报错
组件生命周期(旧、新)
this理解(难点)
类组件rcc
state Hooks
正常接参数
const refIpt = React.useRef()
refs Hooks
ReactDOM.render( ... )
组件生命周期
函数组件rfc
组件
路由url监听
render
redux发布订阅
数据钩子
setState第二个回调函数
DOM钩子
事件
各种钩子瞬间
TypeScript
SSR
PureComponent
性能优化
Virtual Dom
babel
jsx
Diffing
setState
源码
进阶
react
0 条评论
回复 删除
下一页
