Jeremy Zheng
57f77f547e
:construction: add react form & intl demo
|
3 anni fa | |
|---|---|---|
| .. | ||
| README.md | 3 anni fa | |
| bind.png | 3 anni fa | |
| css-in-js.png | 3 anni fa | |
| import-order.png | 3 anni fa | |
| layout.png | 3 anni fa | |
| link-params.png | 3 anni fa | |
| namespace.png | 3 anni fa | |
| page.png | 3 anni fa | |
| route-params.png | 3 anni fa | |
README.md
router, link and layout
开发规范
- 禁止私自引入第三方的 css
- 所有第三方的 css 放进App.css
- 所有的本地 css 采用 css in js 的写法
- import 按照
第三方js,本地js顺序
- 组件放components下, 页面放pages下，以project id区分
练习参考
layout
- layout 例子(layouts/anonymous/index.tsx)
- 页面例子(nut/users/sign-in.tsx)
- 绑定页面和 layout(Router.tsx)
route
从 path 拿参数
- route 绑定
- page 中获取
- route 绑定
页面跳转 参见(layouts/anonymous/index.tsx)
作业
- 每人把自己负责的子项目的所有 pages, components 规划一下 并写出 demo（
<div> bla </div>即可）- 参见
pages/nut/users/sign-in.tsx创建PROJECT_ID/blaA/blaB.tsx页面 对应页面路径/my/PROJECT_ID/blaA/blaB - 参见
components/nut/users/change-password.tsx创建PROJECT_ID/blaX/blaY.tsx组件 - 参见
Routes.tsx绑定路径和页面
- 参见
- 需要从 http url 中取参数的页面，要写好 params 并验证