❗ 开发注意

一般注意

1. 尽可能使用纯函数组件，只有当组件有状态的时候才使用类组件
2. 开启TSLint工具，积极解决语法和代码风格问题
3. 尽量做到类型安全，避免使用any类型

UI编写注意

1. UI组件，布局，图标，图表等尽可能用现有的，不到万不得已不要自己写；
2. 避免直接操作DOM，思考是否能用更好更react的方式表达。不到万不得已不要使用ref；
3. 使用next.js自带的styled-jsx框架写CSS。给webstorm增加如下的Live Templates可以让写CSS的时候有语法高亮和语法提示

/*language=CSS*/
<style jsx>{`
    $CSS$
`}
</style>

4. 自定义组件写成一个单独的组件，参数通过props暴露出来，尽量做到单一功能，可重用，即尽量不要混合业务逻辑；
5. 若组件库无法满足需求，需要使用第三方组件时，需要注意以下事项：
   1. 尽量选择star多的，最后一次commit时间比较近的，有TypeScript定义文件的
   2. 尽量选择已经有react包装过的，不到万不得已不要使用原生JS库；
   3. 必须将第三方组件包装成一个自定义组件，禁止直接在页面和业务逻辑中使用第三方组件。写页面或者业务逻辑时只能使用自己包装之后的组件。