Skip to content

WangYuLue/react-in-deep

Folders and files

NameName
Last commit message
Last commit date

Latest commit

0bc3c75 · Nov 25, 2020

History

37 Commits
Oct 29, 2020
Nov 13, 2020
Nov 17, 2020
Nov 17, 2020
Nov 17, 2020
Oct 29, 2020
Nov 2, 2020
Oct 29, 2020
Oct 27, 2020
Nov 16, 2020
Nov 17, 2020
Nov 25, 2020
Nov 17, 2020
Nov 2, 2020
Nov 17, 2020

Repository files navigation

深入了解 React

这个仓库的大部分代码来自于 didactdidact 是个非常优秀的库,阅读完它,读者将对 react 有更深刻的认识。

但是它也有 bug 和 缺陷,比如无法解析 jsx 中的 style 属性。另外,它的可读性也不是很好。

出于以上的原因,也为了更深入的了解 React,笔者将基于 didact 的代码带领读者手把手写一个简单 TypeScript 版的 React。

这个 React 会修复 didact 中存在的一些 bug 和 缺陷,并且由于它是 TypeScript 写的,可读性也会友好不少。

另外,这个仓库还会结合 didactreact 源码详细分析 react 的核心架构。

总结以下,这个仓库将会做如下的事情:

  • didact 改造成 TS 代码
  • 修复 didact 中存在的一些 bug 和 缺陷
  • 结合 didactreact 源码详细分析 react 的核心架构

适合人群

在平时开发过程中如果你有以下的疑问,并且有兴趣想弄明白它,那这个仓库将非常适合你:

  • react 底层的运行原理
  • fiber 是怎么?怎么做到异步可中断更新的?
  • 为什么 hooks 不能写在条件判断里?
  • 列表中的 key 有什么用?

阅读完这个仓库的文章,上面的疑问都会烟消云散。

相关链接

Build your own React

react-fiber-architecture

React docs

烤透 React Hook

让我们手动实现 React Hooks

About

深入理解 react

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published