本文共 2237 字,大约阅读时间需要 7 分钟。
技术资料
官方权威
- 【React官方学习文档·英文】
- 【React官方学习文档·中文 中国程序员的福利】
- 【React Github地址】
- 【ReactNative Github地址】
- 【React 路由框架 Github地址】
- 【Redux Github地址+附带学习Example】
- 【dva Github地址:基于Redux封装简化的轻量级状态管理框架】
- 【next Github地址:服务端渲染框架】
- 【Github地址:收藏了大部分的React组件库】
- 【React技能学习路线指南,一览react技能众多的知识点,你可以在下面找到一张图,该图展示了你可以选取的路径及你想学习的库,从而成为一名 React 开发者。“作为 React 开发者,我接下来应该学习什么?”,我把这张图作为建议给每个问过我这一问题的人】
- 【Redux中间异步库】
- 【Redux中间异步库】
- 【React数据持久化】
- 【React跨平台桌面应用脚手架项目】
著名社区
- React Native中文社区
- React Native Tools
开发工具
- 【开发前端技术必备的IDE,需要激活码,激活码网上自行查找】
- 【目前React最流行的脚手架框架】
教程专栏
在线书籍
-
- 【这是一本非常 campact 的 React 煮书,收集了在实践 React 时的一些问题和解决方法】
开源项目
综合源码
- 帮助你理解Redux,其实Redux就是借助高阶组件与全局Context(Store)通信
- 【一个 react + redux 的完整项目 和 个人总结】
- 【】
- 【React 示例项目 · 简易留言板。本项目拥有完善的文档说明与注释,让您快速上手 React 开发 SPA。Webpack / ES6 + Babel / Redux / React Router —— An Excellent React Starter,可能是东半球最佳的 React Starter,基于 Vue Cli 二次开发】
- 【这是一个react得demo/脚手架项目,包含react16+redux+antd+webpack4+react-router4+sass/less+axios+immutable+proxy技术栈】
- 【React实践与React教程】
- 【React+Redux 入门示例项目】
技术笔记
- 【React Native指南汇集了各类react-native学习资源、开源App和组件】
- 【文档着重构建一个完整的「前端技术架构图谱」,方便 F2E(Front End Engineering又称FEE、F2E) 学习与进阶。】
后台管理
- 【React最流行的脚手架项目】
- 【Bootstrap3 帮助说明文档,介绍栅格系统,全局样式】
- 【ant.design 帮助说明文档】
- 后台管理系统
- 【挖掘更多二次开发的脚手架】
- 【React+AntD+Redux后台管理系统解决方案--终极版】
- 【React+AntD+Redux】
- 【React+ReactRouter+Dva+AntD】 react admin dashboard ui LANIF-ADMIN --- react 16 + react-router 4 + dva 2 + antd 3 后台管理 脚手架 支持主题颜色切换
- react+redux+antd+dva+react-router4 一个简易的后台管理系统
架构方案
- 【Webpack / ES6 + Babel / Redux / React Router —— An Excellent React Starter,可能是东半球最佳的 React Starter】
- 【react 生态体系架构,结合 react、router、redux、saga 实现】
- 【管理系统架构,基于 antd + react + redux + webpack + ES6 的单页面应用】
- 【集成react + react-router + react-redux的轻量级前端框架。提供keep-live功能,快速构建项目。在构建中大型项目时优势明显。】
- 【React构建桌面应用】
开源框架
常用控件
轮播图
视频教学
基础篇
- 【该网站有更多进阶的React视频】
- 【链接: 提取码: c8gw 复制这段内容后打开百度网盘】
技术文献
项目环境
React
Router
Redux
Redux是构建react应用的骨干架构技术,所以必须要重点掌握
- 【Redux 简明教程】
- 重点介绍了combineReducer函数的使用
Redux-persist
Redux状态持久化库
CSS&DIV
主要讲解关于CSS布局方案,CSS新特性,CSS常用技巧
- 【阮一峰的编写的关于Flex超级详细的教程,图文并茂,非常推荐】
- 【flex使用很频繁,是必须要掌握的一项技能】
- 【通用选择器(*) < 元素(类型)选择器 < 类选择器 < 属性选择器 < 伪类 < ID 选择器 < 内联样式】
应用架构
主要涉及到React应用架构功能方面的知识
跨域问题
前端资讯
- 【相比 Angular 和 Vue, React 是 2017 年的主要 JS 框架,尤其是 React Native 以前所未有的速度提升自己】
原文地址:
转载地址:http://ocxbo.baihongyu.com/