React介绍-如何学习

133 阅读3分钟

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

  1. 官方文档:如何抓住重点; 如何进行实战练习; 更多作为查阅的手册;
  2. 看书学习:书的质量必须很高; 必须动手进行练习; 遇到问题如何解决
  3. 开源项目:非常好的学习手段; 需要具备一定的学习能 力,需要一定的基础;
  4. 视频课程:比较适合大多数人; 讲课人本身的能力; 视频质量要高、听得懂、 学得会;

必备知识

  • React和Vue都是前端工程师必须掌握的两个框架:
    • 大多数都是学习了Vue,并且刚开始工作都是使用的Vue,所以通常对Vue是有深入的感情的(某些可能是小程序);
    • 但是在前端整个职业发展的过程中,不能仅仅将自己局限在某一个框架或者技术中;
    • 并且React是作为前端进阶来说自己必须要掌握的一个框架;
  • 要求:
    • 掌握前端的核心开发语言:HTML、CSS、JavaScript
    • React本身是JavaScript的要求相对会更高一些,所以要掌握一些高级的JavaScript语法,比如ES6以上的语法、this绑定 规则等等;

React18+Hooks

  1. React开发

    1. React安装和依赖
    2. 体验React开发
    3. JSX的转换过程
    4. React数据流流动链接一State:组件的记忆 – React 中文文档
  2. React18.x 的核心语法

    1. JSX基础语法解析
    2. create-react-app
    3. React css样式规范
    4. React 组件化开发-React的高阶组件
    5. 组件的Lifecycle
    6. 表单处理ref
    7. React动画处理
  3. Rudex 状态管理使用

    1. Redux基本使用
    2. Redux模块拆分
    3. React-Redux使用
    4. Redux middleware
    5. Redux DevTools
    6. Redux Toolkit
    7. Redux其它补充
    8. Flux的使用
  4. React Router6.x路由

    1. 认识react-router6.x
    2. react-router6.x基本使用
    3. react-router6.x进阶
    4. react-router6.x其它补充
    5. 其它知识点补充
  5. React Hooks的使用详解

    1. Hooks的介绍
    2. Hooks基本使用
    3. Hooks进阶使用
    4. 自定义Hooks
    5. Redux Hooks
    6. Router Hooks
  6. React项目的自动化部署

    1. React项目的打包、优化
    2. 购买Linux云服务器、配置云服务器
    3. Java JDK安装、nginx和Jenkins安装
    4. 创建Jenkins任务、自动化部署