https://github.com/jannikbuschke/cra-antd-x

React SPA Boilderplate powered by CRA, Ant Design, Typescript, React-Router, Formik
https://github.com/jannikbuschke/cra-antd-x

ant-design react template typescript

Last synced: about 2 months ago
JSON representation

React SPA Boilderplate powered by CRA, Ant Design, Typescript, React-Router, Formik

• Host: GitHub
• URL: https://github.com/jannikbuschke/cra-antd-x
• Owner: jannikbuschke
• Archived: true
• Created: 2020-02-29T18:54:20.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2021-07-28T15:00:52.000Z (about 3 years ago)
• Last Synced: 2024-07-05T16:54:01.747Z (3 months ago)
• Topics: ant-design, react, template, typescript
• Language: TypeScript
• Homepage:
• Size: 1.27 MB
• Stars: 17
• Watchers: 2
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# ✨ CRA + Ant-Design + X Boilerplate ✨

This is a boilerplate project for a React based Single Page Application. It is based on the popular create-react-app template and uses ant designs ui components.

# Features

:white_check_mark: Awesome development setup (cra, cra-rewired, typescript, fast-refresh)

:white_check_mark: Awesome UI Components (ant design, themeable)

:white_check_mark: Client side routing (react-router)

:white_check_mark: Easy forms (formik + bindings)

# Getting started

Click the green `Use this template` button to copy all content to a new github repository or execute following commands on your cli:

```

git clone https://github.com/jannikbuschke/cra-antd-x

cd cra-antd-x/

rm .git -rf

npm install

npm run start

```

| Dependency  | Descript | Popularity |

| ------------- | ------------- |--|

| [React](https://github.com/facebook/react) | JavaScript library for UIs | ![Github stars](https://img.shields.io/github/stars/facebook/react) |

| [Create React App](https://github.com/facebook/create-react-app)  | A very solid react template | ![Github stars](https://img.shields.io/github/stars/facebook/create-react-app) |

| [Ant Design](https://github.com/ant-design/ant-design) | Nice UI components | ![Github Stars](https://img.shields.io/github/stars/ant-design/ant-design) |

| [TypeScript](https://github.com/microsoft/TypeScript) | Provides compile time types | ![Github stars](https://img.shields.io/github/stars/microsoft/TypeScript) |

| [react-app-rewired](https://github.com/timarney/react-app-rewired)  | Allows overriding CRA/webpack configs | ![Github stars](https://img.shields.io/github/stars/timarney/react-app-rewired) |

| [react-router](https://github.com/ReactTraining/react-router) | Declarative client side routings | ![Github stars](https://img.shields.io/github/stars/ReactTraining/react-router) |

| [formik](https://github.com/jaredpalmer/formik) + [formik-antd](https://github.com/jannikbuschke/formik-antd) | Form management (without tears) + Declarative bindings | ![Github stars](https://img.shields.io/github/stars/jaredpalmer/formik) |

| [dayjs](https://github.com/iamkun/dayjs) | Tiny datetime library | ![Github stars](https://img.shields.io/github/stars/iamkun/dayjs) |

| [styled-components](https://github.com/styled-components/styled-components) | Css-in-js library (future unclear) | ![Github stars](https://img.shields.io/github/stars/styled-components/styled-components) |

| [less](https://github.com/less/less.js) | Dynamic css (used because of ant design, future unclear) | ![Github stars](https://img.shields.io/github/stars/less/less.js) |