React介绍-如何学习
React是什么
- 用于构建 Web 和原生交互界面的库
目前对于前端开发来说,几乎很少直接使用原生的JavaScript来开发应用程序,而是选择一个
JavaScript库(框架)
- 在过去的很长时间内,
jQuery使用最多的JavaScript库;
- 在过去的一份调查中显示,全球前10,000个访问最高的网站中,有65%使用了jQuery,是当时最受欢迎的JavaScript库;
- 但是,目前甚至已经处于淘汰的边缘了;
- 而无论是国内外,最流行的其实是三大框架:
Vue、React、Angular
React的技术特点
- React由Facebook来更新和维护,它是大量优秀程序员的思想结晶:
- React的流行不仅仅局限于普通开发工程师对它的认可;
- 大量流行的其他框架借鉴React的思想;
- Vue.js框架设计之初,有很多的灵感来自Angular和React。
- 包括Vue3很多新的特性,也是借鉴和学习了React
- 比如
React Hooks创性的新功能;
Vue Composition API学习了React Hooks的思想
- Flutter的很多灵感都来自React,来自官网的一段话:(SwiftUI呢)
- 事实上Flutter中的
Widget – Element – RenderObject
- 对应React的就是
JSX – 虚拟DOM – 真实DOM
- 所以React可以说是前端的先驱者,它总是会引领整个前端的潮流。
如何学习React
- 官方文档:如何抓住重点; 如何进行实战练习; 更多作为查阅的手册;
- 看书学习:书的质量必须很高; 必须动手进行练习; 遇到问题如何解决
- 开源项目:非常好的学习手段; 需要具备一定的学习能 力,需要一定的基础;
- 视频课程:比较适合大多数人; 讲课人本身的能力; 视频质量要高、听得懂、 学得会;
必备知识
- React和Vue都是前端工程师必须掌握的两个框架:
- 大多数都是学习了Vue,并且刚开始工作都是使用的Vue,所以通常对Vue是有深入的感情的(某些可能是小程序);
- 但是在前端整个职业发展的过程中,不能仅仅将自己局限在某一个框架或者技术中;
- 并且React是作为前端进阶来说自己必须要掌握的一个框架;
- 要求:
- 掌握前端的核心开发语言:
HTML、CSS、JavaScript
- React本身是JavaScript的要求相对会更高一些,所以要掌握一些高级的JavaScript语法,比如ES6以上的语法、this绑定 规则等等;
React18+Hooks
-
React开发
- React安装和依赖
- 体验React开发
- JSX的转换过程
- React数据流流动链接一;State:组件的记忆 – React 中文文档
-
React18.x 的核心语法
- JSX基础语法解析
- create-react-app
- React css样式规范
- React 组件化开发-React的高阶组件
- 组件的Lifecycle
- 表单处理和ref
- React动画处理
-
Rudex 状态管理使用
- Redux基本使用
- Redux模块拆分
- React-Redux使用
- Redux middleware
- Redux DevTools
- Redux Toolkit
- Redux其它补充
- Flux的使用
-
React Router6.x路由
- 认识react-router6.x
- react-router6.x基本使用
- react-router6.x进阶
- react-router6.x其它补充
- 其它知识点补充
-
React Hooks的使用详解
- Hooks的介绍
- Hooks基本使用
- Hooks进阶使用
- 自定义Hooks
- Redux Hooks
- Router Hooks
-
React项目的自动化部署
- React项目的打包、优化
- 购买Linux云服务器、配置云服务器
- Java JDK安装、nginx和Jenkins安装
- 创建Jenkins任务、自动化部署