响应式系统与 React| 青训营笔记

61 阅读2分钟

这是我参与「第五届青训营 」伴学笔记创作活动的第6天

今日学习 React 的历史与应用 React 的历史与应用 - 掘金 (juejin.cn)本节课为前端框架 React 的基础课程讲解,为了更好地帮助进入 React 技术原理学习,在本节课课程将带来有关前端框架 React 的发展历史。

  1. 前端应用开发历程
  2. 移动原生应用开发
  3. 结合 Electron 的桌面应用开发

React 的设计思路React 的设计思路 - 掘金 (juejin.cn)在本节课中,讲师将从 0 开始,带领大家共同推演 React 框架的设计思路,包括 React 设计的由来,具体的设计方案,剖析该框架为何演进为目前熟知的响应式编程模型,帮助大家更好地理解 React 代码。

  1. UI 编程痛点
  2. 响应式与转换式
  3. React 设计与实现 - 组件化
  4. React 设计与实现 – 状态归属问题
  5. React 设计与实现 – 生命周期

React (hooks)的写法与 React 实现React (hooks)的写法与 React 实现 - 掘金 (juejin.cn)在对 React 设计思路进行讲解后,本节课将重点带来有关 React 两大写法之一的 Hooks 写法,该写法也是目前学企界中常用的写法之一,此外,讲师还将在本节课为大家讲解 React 实现层的重要知识,帮助大家更好地上手后续的 React 代码操作。

  1. 代码介绍
  2. Live Code
  3. React 的实现基本概要
  4. React 的实现 - Problem 1 & 2
  5. React 的实现 - How to Diff

React 状态管理库与应用级框架科普React 状态管理库与应用级框架科普 - 掘金 (juejin.cn)本节课将聚焦于 React 相关的状态管理库和目前常见的应用级框架科普,前者主要是讲解其中的底层逻辑,后者通过对框架的科普,帮助大家应对不同开发场景。

  1. React 状态管理库 - 核心思想
  2. React 状态管理库 - 推荐
  3. React 状态管理库 - 状态机
  4. React 状态管理库 - Modern.js/Reduck
  5. 应用级框架科普

- React 的发展历史

- React 的应用场景

- React 的设计思想

- 响应式编程/函数式编程的设计思想

- 其他 react 生态框架科普

本节课程主要分为四个方面:

  1. React 的历史与应用 - 介绍 React 的发展历史以及应用场景。
  2. React 的设计思路 - 介绍 React 的设计思想,为什么 React 要设计成这样。
  3. React hooks 的写法 - 介绍基础的 React hooks 写法,以及常用的 hooks。

该课程需要这些前置知识:

  1. HTML,JS,CSS 基础。
  2. 基础的数据结构/算法知识,如二叉树,深度遍历等。
  3. 会使用浏览器提供的 DOM API 来修改 DOM,更新 UI。

课后

学习了解 next.js 框架 nextjs.org/