demo application for NASA Images using state of art pratice of react - redux - css mdules

https://minhlv-nasa.firebaseapp.com/explore

• react
• redux
• redu -starter kit
• css modules
• ducks architechure
• storybook
• hooks
• theming
• scss
• pwa

0. requires Nodejs and NPM get insstaled on the local marchine

1. clone the source code

	git clone https://github.com/minhlucvan/nasa-images

2. install dependencies

	npm install

	npm run dev

open link: http://localhost:8080

	npm run test

	nom run storybook

	npm run build

The 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