Coder Social home page Coder Social logo

ok3-8 / react-sky Goto Github PK

View Code? Open in Web Editor NEW
3.0 4.0 0.0 1.06 MB

:strawberry: React js blog list to help you analyze core code.

License: MIT License

JavaScript 96.30% HTML 0.10% Shell 0.01% TypeScript 3.58% CSS 0.01%
react fuckmylife feature-flags typescript

react-sky's Introduction

我和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.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.