Project demo using React/TypeScript & Ant Design
Demo at https://react-ant-demo.netlify.app
-
Using create-react-app to create project
$ yarn create react-app react-antd-demo --template typescript # or $ npm create-react-app react-antd-demo --template typescript
-
Install important dependencies
If you want to create a complex app with Router and Management State, you need to install more dependencies after using create-react-app
$ yarn add redux react-redux react-router react-router-dom redux-thunk axios $ yarn add @types/redux @types/react-redux @types/react-router @types/react-router-dom @types/redux-thunk
-
Install Ant Design
$ yarn add antd @ant-design/icons
-
Install package
node-sass
It allows import and use scss or sass in React project$ yarn add [email protected]
Why use [email protected]? Because, in the moment that I work in this project, there are some bugs of the latest version of node-sass with React.
-
If you want to use ESLint & Prettier in your project, you can check my blog how to config ESlint & Prettier in React Project
Follow the files in projects
---> Missing docs