create-react-app + antd + react-router + ...

[vale1534]

因为 antd 这类比较成熟的 UI 架构，对 react 黑转粉。

试着用 dva 搭架 React 应用，使用 antd 组件做了一些 Hello World ，对 React 好感顿生。随着深入，产生了焦虑。 antd 一直有在更新，但 dva 好像很长时间没更新了，而且还用着 2.x 版本的 react-router ，也许等我熟悉了，这货已经成了过去式。

经过长时间的折腾，使我明白，不要选择一个 star 少于 5k 的库做项目的基础设施。还是选择更 React 一些的工具库， create-react-app 。

使用 create-react-app 生产了hello world ，怎么融入 antd 呢？

[vale1534]

Create new app:

• create-react-app hello
• cd hello && yarn

Adding antd library:

• yarn add antd
• Add @import 'antd/dist/antd.css'; into index.css file.
• Import component like import Button from 'antd/lib/button

好像还行，继续。

[vale1534]

@import '~antd/dist/antd.css

[vale1534]

不能使用 css module ，不想 eject CRA ，暂且如此。

[vale1534]

.App-header {
  background-color: #222;
  height: 150px;
  padding: 20px;
  color: white;
}

.App-header h2 {
  color: white;
}

不能用 scss 或 less ，有些憋屈。