总结 react 开发是需要用到的框架和功能模块,从模块安装、脚手架、网络请求模块,到状态管理、数据库,以及原生开发的组件与UI,都简单地做了记录,方便开发时查询。
语法篇
工具篇
- yarn
facebook
出品的模块安装工具,国内使用阿里源yarn config set registry 'https://registry.npm.taobao.org'
- create-react-app
- 官方初始化脚手架
- create-next-app
- 面向服务端渲染的
next
框架脚手架
- 面向服务端渲染的
- axios
http
请求模块
- fetch-jsonp
jsonp
请求模块
状态篇
- redux
Redux
是JavaScript
状态容器,提供可预测化的状态管理。Action
,Reducer
,Store
- mobx
mobx
提供简单、可扩展的状态管理- mobx-state-tree 快速创建状态管理模型
UI篇
- PC桌面UI
- Antd 阿里蚂蚁金服的企业级
UI
框架,面向react
和RN
- material-ui 谷歌UI
- react desktop
- Antd 阿里蚂蚁金服的企业级
- Mobile手机UI
数据篇
原生篇
- react-native
react
开发原生app
- create-react-native-app 官方的快速创建RN模板
- expo
- 使用
RN
的通用开发工具
- 使用
- proton-native
- 使用
React
开发桌面应用
- 使用
IDE篇
- VSCode
- 微软出品,插件全面
- Deco IDE
- reactotron
路由篇
- React Router
- 用于
web
和native
的路由框架
- 用于
- react-navigation
react native
专用的菜单导航
后端篇
- next
React
后端服务渲染框架
- gatsby
- 用于建站的后端框架
- react-server
组件篇
- loadable-components
- 预加载组件,用于组件分拆,按需要加载