Back to Browse

How to setup Ant Design system (antd) with React.js easily

2.6K views
Mar 1, 2021
23:59

Ant Design System (antd): https://ant.design/ React.js: https://reactjs.org/ Webpack: https://webpack.js.org/ 0:00 - Start 0:01 - Init project 0:11 - Install development dependencies 1:54 - Install production dependencies 2:20 - Open project in VSCode 2:35 - Add custom npm commands for start and build 3:25 - Create index.js file = entry point of the application 3:40 - Add webpack configuration and template 16:02 - Add Terser webpack plugin to eliminate comments from the generated JavaScript "binary" 18:45 - Application entry point: render App component 19:40 - Create App component 20:35 - Start project in development mode 20:50 - Fix missing import in index.js 21:10 - Add custom less file with AntD less source imported 21:45 - Import custom less file in index.js: add style to your application 22:31 - Find a random AntD component to put it into our project 22:55 - Copy and paste Table component example 23:27 - Final result: all AntD components can be used in the project Udemy profile: https://www.udemy.com/user/david-csejtei/ LinkedIn profile: https://www.linkedin.com/in/davidcsejtei/ Medium profile: https://codinglikedavid.medium.com/ 🚀 Join my slack group to get help: https://join.slack.com/t/codinglikedavid/shared_invite/zt-wowi9q4g-0N_ngfSx0dcOUMaRftdylQ

Download

0 formats

No download links available.

How to setup Ant Design system (antd) with React.js easily | NatokHD