这是我参与「第五届青训营 」伴学笔记创作活动的第6天
今日学习 React 的历史与应用 React 的历史与应用 - 掘金 (juejin.cn)本节课为前端框架 React 的基础课程讲解,为了更好地帮助进入 React 技术原理学习,在本节课课程将带来有关前端框架 React 的发展历史。
- 前端应用开发历程
- 移动原生应用开发
- 结合 Electron 的桌面应用开发
React 的设计思路React 的设计思路 - 掘金 (juejin.cn)在本节课中,讲师将从 0 开始,带领大家共同推演 React 框架的设计思路,包括 React 设计的由来,具体的设计方案,剖析该框架为何演进为目前熟知的响应式编程模型,帮助大家更好地理解 React 代码。
- UI 编程痛点
- 响应式与转换式
- React 设计与实现 - 组件化
- React 设计与实现 – 状态归属问题
- React 设计与实现 – 生命周期
React (hooks)的写法与 React 实现React (hooks)的写法与 React 实现 - 掘金 (juejin.cn)在对 React 设计思路进行讲解后,本节课将重点带来有关 React 两大写法之一的 Hooks 写法,该写法也是目前学企界中常用的写法之一,此外,讲师还将在本节课为大家讲解 React 实现层的重要知识,帮助大家更好地上手后续的 React 代码操作。
- 代码介绍
- Live Code
- React 的实现基本概要
- React 的实现 - Problem 1 & 2
- React 的实现 - How to Diff
React 状态管理库与应用级框架科普React 状态管理库与应用级框架科普 - 掘金 (juejin.cn)本节课将聚焦于 React 相关的状态管理库和目前常见的应用级框架科普,前者主要是讲解其中的底层逻辑,后者通过对框架的科普,帮助大家应对不同开发场景。
- React 状态管理库 - 核心思想
- React 状态管理库 - 推荐
- React 状态管理库 - 状态机
- React 状态管理库 - Modern.js/Reduck
- 应用级框架科普
- React 的发展历史
- React 的应用场景
- React 的设计思想
- 响应式编程/函数式编程的设计思想
- 其他 react 生态框架科普
本节课程主要分为四个方面:
- React 的历史与应用 - 介绍 React 的发展历史以及应用场景。
- React 的设计思路 - 介绍 React 的设计思想,为什么 React 要设计成这样。
- React hooks 的写法 - 介绍基础的 React hooks 写法,以及常用的 hooks。
该课程需要这些前置知识:
- HTML,JS,CSS 基础。
- 基础的数据结构/算法知识,如二叉树,深度遍历等。
- 会使用浏览器提供的 DOM API 来修改 DOM,更新 UI。
课后
学习了解 next.js 框架 nextjs.org/