https://github.com/lintangwisesa/react-antdesign

React & AntDesign summary
https://github.com/lintangwisesa/react-antdesign

ant-design antd react

Last synced: 5 months ago
JSON representation

React & AntDesign summary

• Host: GitHub
• URL: https://github.com/lintangwisesa/react-antdesign
• Owner: LintangWisesa
• Created: 2020-08-13T02:49:53.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2020-10-28T02:41:36.000Z (over 4 years ago)
• Last Synced: 2025-01-08T14:17:09.759Z (6 months ago)
• Topics: ant-design, antd, react
• Language: JavaScript
• Homepage: https://ant.design/docs/react/introduce-cn
• Size: 374 KB
• Stars: 1
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
![simplinnovation](https://4.bp.blogspot.com/-f7YxPyqHAzY/WJ6VnkvE0SI/AAAAAAAADTQ/0tDQPTrVrtMAFT-q-1-3ktUQT5Il9FGdQCLcB/s350/simpLINnovation1a.png)

# React & Ant Design

### 1. Create React application

```bash

$ npx create-react-app yourReactApp

$ cd yourReactApp 

```



### 2. Setup Ant Design on React application

- Install Ant Design package

    ```bash

    $ npm i antd @ant-design/icons

    ```

- Add ```antd/dist/antd.css``` at the top of ```src/App.css```

    ```javascript

    @import '~antd/dist/antd.css';

    ```



### 3. Run application

- Modify ```src/App.js```, import Button component from ```antd```.

    ```javascript

    import React from 'react';

    import { Button } from 'antd';

    import './App.css';

    const App = () => (

    


        

            OK

        

    

    );


    export default App;

    ```

- Run it!

    ```bash

    $ npm start

    ```



#### 🍔 Lintang Wisesa