Skip to content

REACT Starter Kit, includes react-scripts and some of the packages that i like and use most

Notifications You must be signed in to change notification settings

federico-villani/react-ui-boilerplate

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

36 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🔥🔥 REACT - REACT UI 🔥🔥 Starter Kit + Useful Links

A React boilerplate with and based on:

  • React-scripts
  • Styled-components
  • React-router
  • Lerna config
  • Storybook
  • Babel + Webpack custom config
  • ESLINT + airbnb rules
  • React Bootstrap (you may prefer Reactstrap, it's more or less the same)
  • Customize-CRA
  • React-app-rewired
  • Ant design

... and more and more

Long story short, a powerful and scalable set of plugins ready-to-use that will allow you to easily start a new project from scratch with everything you may need ( well... 😇).

Lerna is already set up to manage, build and run the storybook/UI Library pack along with the app package. Hot reload included! You have just to create the UI component inside the ui-pkg and then include it in the app-pgk like this:

// in app-pgk containers/components  
import { MyUIComponent } from 'ui-pkg';

It also contains different ways to handle the styling in react, like:

  • CSS-in-JS --> Styled Components
  • CSS modules
  • native inline style={{}}

The steps you need to follow to install and run the project:

  • from the root, run npm install
  • from the root, run npm run bootstrap-hoist
  • from the root, run npm run ui-pkg-build
  • and then, to start the app-pkg run the command npm run app-pkg-start
  • to see storybook, run the command npm run ui-pkg-storybook-start

Docs

Basic

Advanced

Dev Tools

Extras

What's next?

In the next future i'll provide the same boilerplate with separate branches including Redux Thunk and Saga config as well. It will be up to you to know which one would fit better for your own need. As of now in master branch there is only the middleware wrapping the App but not the actions/sagas/reducers templates

Contributing

If you think i missed something ( surely i did 😬 ) feel free to create an issue or a PR