API test： https://www.easy-mock.com/

VSCode Plugin： ES7 React/Redux/GraphQL/React-Native snippets - dsznajder

• imrse: import React, { useState, useEffect } from 'react'
• imrcp: import React, { Component } from 'react'

create react app + Ant Design + tailwindcss

• 1.go to target path, create-react-app myDemo, before yarn start, install antd
• 2.yarn add antd, cnpm install antd --save faster

  • import 'antd/dist/antd.css'
    import {Button} from 'antd'

• 3.cp tailwind.min.css to myDemo project src folder
  • import tailwind to js file by `import './tailwind.min.css'
• 4.code

  import React, { Component } from 'react'
  import './tailwind.min.css'
  import 'antd/dist/antd.css'
  import {Button} from 'antd'
  
  function Ex1(){
      return (
          <div>
              <Button className="m-4" type="primary" shape="round">Click</Button>
          </div>
      )
  }

• 有关antd元素组件的样式，使用antd css，如type shape属性等，可以参考官网
• 有关原生html标签div布局的样式，元素间布局，组件间布局，使用tailwindcss