@10ark/react-template 中文文档教程

发布于 7年前 浏览 32 项目主页 更新于 3年前

react-template

我们采用、创建或使用的所有组件、模式、约定、标准的模板项目。

Process

  1. create-react-app
  2. npm install --save redux
  3. npm install --save react-redux
  4. npm install --save-dev redux-devtools
  5. npm install --save-dev react-devtools

Stack

react - 客户端VC框架,V为Components形式,C为Router形式
redux - 客户端 M 框架,形式为 M 或只能通过调度操作改变的单状态树
immutable - 不可变的数据库

Roadmap

  1. We will start off with the basic structure for a react / redux / immutable project and refactor it by feature when it starts to grow
  2. Add propTypes to Components
  3. Add Routing for Components
  4. Look at using redux-actions
  5. Bring TypeScript into the stack
  6. Bring Sagas in to replace Thunk

FAQ

  1. What is the difference between import statements with and without curly braces {} ? The best answer is found in the Mozilla documentation.

react-template

Template project of all components, patterns, conventions, standards that we adopt, create or use.

Process

  1. create-react-app
  2. npm install --save redux
  3. npm install --save react-redux
  4. npm install --save-dev redux-devtools
  5. npm install --save-dev react-devtools

Stack

react - client side VC framework, V in the form of Components and C in the form of Router
redux - client side M framework, M in the form or single state tree that may only be mutated by dispatching actions
immutable - immutable data library

Roadmap

  1. We will start off with the basic structure for a react / redux / immutable project and refactor it by feature when it starts to grow
  2. Add propTypes to Components
  3. Add Routing for Components
  4. Look at using redux-actions
  5. Bring TypeScript into the stack
  6. Bring Sagas in to replace Thunk

FAQ

  1. What is the difference between import statements with and without curly braces {} ? The best answer is found in the Mozilla documentation.
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文