Minimalistic Isomorphic TODO list application already set up with:
- React 16 + React Router 4
- MobX 5.5 (state management library)
- Server side rendering with NodeJS + Express
- reactive approach to update component state (using ES2016 decorators e.g. @observable, @observer)
- Flow (static type checking at compile time)
- Sass compilation
- Webpack with a configurations for both dev and prod environments
- HMR + React HOT reload + Sass hot reload
- Unit testing with Jest
- Custom VScode config for debugging
This app doesn't add any unuseful complexity, just a simple TODO list implemented following the best practice with some useful npm tasks to build and run your app
yarn install or npm install
npm run build or npm run build:prod
npm run start or npm run start:prod
The starter comes with two webpack configurations for development and production environments. To speed up the dev environment it comes with HMR enabled and already configured with Sass Hot reload and React hot loader.
The project relies on Flow being installed globally, if you're experiencing any syntax errors just make sure you have flow installed (and if you're using VsCode add even the proper flow extension).
-
Services: Here you can make services like api calls, that will be used directly by the stores
-
Components: Container or Smart Components, Dumb or presentational components
-
Style: any scss must be placed in the style folder and must have the prefix _ if is a partial file
you can debug both the client and the server, there's already a custom vscode launch.json configuration, so you just need to run the debugger and you should be ready to go
- Client
- Server
MIT 2018 License Karim Abdelcadir