Skip to content

🍓 React js blog list to help you analyze core code.

License

Notifications You must be signed in to change notification settings

ok3-8/react-sky

Repository files navigation

我和React.js有个约定

尽吃奶力量去揭幕关于React一切技术的艺术品展示

目录:

  • 揭幕React构建Markdown生成文档和组件展示(实现在页面修改代码实时更新组件)
  • 揭幕关于class类的this实现和绑定
  • 揭幕React中使用Typescript的技巧

有了团队的 UI 组件库就少不了使用文档,毕竟文档还是比口口相传要靠谱的多。这里介绍一个可以快速创建 React UI 组件库使用、演示文档的项目: Docz 。 Docz 的特色是零配置、简单、快速,它使用 Markdown 语法的扩展 MDX (在 Markdown 里引入 React 组件并渲染出组件)来书写文档,对于熟悉 Markdown 的开发者是可以直接上手的。

那么一个UI 组件库使用文档 页面该怎么实现呢,包括能markdown转义为code,而且code view该怎么处理和实现,代码块高亮和修改能及时响应到呈现出来。

链接:Markdown生成文档和组件展示

VScode 创建快捷键模板: 快速生成代码块。 ES7 React snippets
TS的声明文件。

Feature

  • 关于TS在react的技巧和实现
  • 关于reduce-saga的接入和内核原理
  • 关于class类的this实现、绑定和性能优化
  • 关于state的最佳实现和性能处理
  • 关于单向数据流的技术范畴 ...

React内核知识: 组件、JSX、Virtual DOM、Flux架构、Redux、react-redux和性能优化。
一些非常酷的东西:Hooks、惰性加载、Suspense 和缓存 API。

TypeScript

颗粒化 零件化
状态和数据(类型)启动

设计模式就是使用多了的归纳和总结,甚至可以称为套路。

  • 让你在编程过程中更有自信,使用经过无数前人印证过的最好的设计,自然底气十足
  • 提升编程效率,避免开发过程中的犹豫
  • 更能掌控项目,方便预估开发时间,方便对团队成员进行管理

很多时候可以从关注点分离和关注点混合来看设计模式。

设计模式: 策略模式,工程模式,函数式处理、建造者模式、发布订阅模式

资源

A collection of awesome TypeScript resources:
https://github.com/semlinker/reactjs-interview-questions
awesome typescript:
https://github.com/semlinker/awesome-typescript
List of top 304 ReactJS Interview Questions & Answers:
https://github.com/semlinker/reactjs-interview-questions
深入理解 TypeScript:
https://jkchao.github.io/typescript-book-chinese/

卖艺不卖身

博学之,审问之,慎思之,明辨之,笃行之。

License

Released under the MIT License.

Releases

No releases published

Packages

No packages published