React实战教程与技能树汇总

517次阅读
没有评论

React实战教程与技能树汇总

React是一门优秀的前端框架,并且在移动端,PC桌面端都有涉及。而且市场前景比较广阔。所以我建议不论是移动开发工程师,还是前端工程师,都可以来学习下React。学习React技术栈可以适用于各种小,中,大型前端应用。希望各位谨记,学习任何技术,刚开始入门容易,想深入掌握,还需要靠项目经验和日常的日积月累。这里整理了我平时学习React用到的技术资料,我会持续不定期更新,一是为了帮助各位,另外就是为了方便日后自己来查阅。

如果你有好的技术资料补充或者想参与本文维护,都可以联系我。前端框架React目前是世界级的前端框架,接触前端从React开始吧!

架构演进

这里纯属根据实战做项目而言的架构方式选型。

根据核心框架redux自定义架构

  • react+redux+thunk
  • react+redux+redux-promise
  • react+redux+redux-saga

dva框架:dva 是基于现有应用架构 ( redux + react-router + redux-saga 等 )的一层轻量封装,他最核心的是提供了 app.model 方法,用于把 reducer , initialState , action , saga 封装到一起。

需要了解的是 dva 是对 redux 的一层浅封装,所以虽然我们不要求一定要了解 redux 才能学会使用 dva,但是如果你对 redux 有所了解,再使用 dva 一定驾轻就熟,并且会了解很多潜在的知识点。redux的社区较为成熟,文档也比较健全,可以访问 http://redux.js.org (中文文档)查看更多内容,其中会介绍整个生态系统的相关框架与设计思路,值得一看。

React实战教程与技能树汇总

umi + dva

Umi,中文可发音为乌米,是可扩展的企业级前端应用框架。Umi 以路由为基础的,同时支持配置式路由和约定式路由,保证路由的功能完备,并以此进行功能扩展。然后配以生命周期完善的插件体系,覆盖从源码到构建产物的每个生命周期,支持各种功能扩展和业务需求。

Umi 是蚂蚁金服的底层前端框架,已直接或间接地服务了 3000+ 应用,包括 java、node、H5 无线、离线(Hybrid)应用、纯前端 assets 应用、CMS 应用等。他已经很好地服务了我们的内部用户,同时希望他也能服务好外部用户。

next.js 框架

入门教程

开发社区

权威教程

在线书籍

开发工具

视频学习

开源教程

知识笔记

  • awesome-react-components【Github地址:收藏了大部分的React组件库】
  • react-developer-roadmap【React技能学习路线指南,一览react技能众多的知识点,你可以在下面找到一张图,该图展示了你可以选取的路径及你想学习的库,从而成为一名 React 开发者。“作为 React 开发者,我接下来应该学习什么?”,我把这张图作为建议给每个问过我这一问题的人】

架构方案

完整项目

后台管理

开发框架

  • dva【dva Github地址:基于Redux封装简化的轻量级状态管理框架】
  • next.js 【next Github地址:服务端渲染框架】

热门开源库

项目规范

TypeScript

arison
版权声明:本站原创文章,由arison2021-01-29发表,共计8782字。
转载提示:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。
评论(没有评论)