React Admin Demo

This is an example project that demonstrate the idea of using React following the guideline and practices from the create-react-app guide

Demo: https://haitlc.github.io/react-admin-demo/

This example includes:

• Responsive layout by react-bootstrap
• Unit test examples with Jest and Enzyme
• Static type checking with Flow
• Style management using CSS-in-JS library, styled-components
• UI component development environment using Storybook
• Code formatting using Prettier
• CICD support

Run

Install dependencies

yarn

Start

yarn start

Browse http://localhost:3000

Storybook

yarn storybook

browse http://localhost:9001/

Unit test

Run in watch mode

yarn test

Test Coverage

yarn test --coverage

Format code

The format configuration is in /.prettierrc. You may need to install this Visual Studio Code plugin first, and press Alt+Shift+F to format the code.

CICD support

Demonstration here is by Travis CI, similar approach can be done on other CI servers (e.g. Jenkins)