React/MobX Boilerplate 🚀 🛰

This is just a lightweight boilerplate with React and MobX. Just clone and have fun!

Requirements

• nodejs
• npm or yarn

Technologies

• React (16.5.2)
• MobX (5.5.0)
• Babel
• jestjs.io
• Sass
• webpack

Installation

Clone project

$ git clone [email protected]:dnlnwk/react-mobx-app.git
$ cd react-mobx-app

Install dependencies

yarn install or npm install

Development

yarn dev or npm run dev

Open in http://localhost:8080/ 👨‍💻

Testing with Jest

yarn test or npm run test

Production

yarn build or npm run build

Production source in /dist folder

File Structure

react-mobx-app/
├── dist/                       # Production build
├── node_modules/               # Dependencies
├── src/                        # React source
│   ├── js/                     # React Javascript (Vanilla)
│   │   ├── components/         # All React components
│   │   ├── pages/              # All React pages
│   │   ├── store/              # Mobx store
│   │   ├── App.js              # App wrapper
│   │   └── Routes.js           # React router
│   ├── styles/                 # SCSS architecture
│   │   ├── generals/           # General styles (type, stylesheet etc.)
│   │   ├── utils/              # Utils (functions, helpers, mixins)
│   │   ├── vendors/            # External styles 
│   │   └── main.scss           # SCSS mountpoint
│   ├── index.html              # Clean HTML Template with root id
│   └── index.js                # JS mountpoint
├── .babelrc                    # Babel config
├── package.json                # packages/scripts
├── README.md
└── webpck.config.js            # Webpack