Please note: I am new to this redux-observable and still learning the quickest/feasible way to organize components. Adding to that HOC concept "./components/storage.js" was added but it was not used and its inprogress. Will be part of next version
- Clone this repo
https://github.com/gkannan1989/location-autofill.git
- To run, go to project folder and run
$ npm install
or
$ yarn install (if you are using yarn)
- Now start dev server by running -
$ npm start
or
$ yarn start
- If the browser does not automatically for any reason visit - http://localhost:3000/
Most of the generic layout is built in /src/App.js just as found in the original Create-React-App. The key thing to notice here is that we have included our one and only component to that file: namely <LayoutComponent /> which has been imported from our /src/components folder. I recommend you keep all of your components there unless you feel need to move them elsewhere.
The majority of the bootstrap code for the store is located in /src/store.js. By default, the Redux Devtools Extension is enabled so feel free to open that in Google Chrome to see what our Redux store looks like.
Note: You will only benefit from having this enabled if you install the Google Chrome Extension which can be found at the above Redux Devtools hyperlink.
The logic for your reducers (aka Redux logic) will all be contained with /src/reducers/. The logic for your epics (aka Redux-Observable) will all be contained in /src/epics.