demo application for NASA Images using state of art pratice of react - redux - css mdules
https://minhlv-nasa.firebaseapp.com/explore
-
requires
NodejsandNPMget insstaled on the local marchine -
clone the source code
git clone https://github.com/minhlucvan/nasa-images- install dependencies
npm install npm run devopen link: http://localhost:8080
npm run test nom run storybook npm run buildThe code base is separete into main sections:
- app
- lib
- context
- redux
- config
- redux
- scss
The main application contain routes ,pages, context and other stuff of the application layer
The common components, helpers, api, hooks and other things that we use across the apps
the configuration files
scss styles
bussiness handlers and state management bas on redux;
Each redux module including actions, reducer, selectors, effects these factors is collected automaticly through configureStore function and integrate to the app in redux/index.js;
Common context that can reuse across the app
By defautl I using 2 environments are development and production. env is provide to webpack by npm scripts specifics on package.json
If you want to and a custom env you neend to adding config to webpack.
App configuration is localte on src/main/config. The configurations a split into files and load all in src/main/config/index.js
Base on current environments webpack will load the config file extentions. *.js for dev and *.prod.js on production mode.
Please see: this artice
We can create insrested things base on (hooks)[https://reactjs.org/docs/hooks-intro.html]
Feel free to make pull request and open an issue
contributors: @minhlucvan
MIT