https://github.com/taiseen/react_redux_firebse
https://github.com/taiseen/react_redux_firebse
class firebase firebase-auth firebase-database net-ninja-tutorial nn react react-class-components redux redux-thunk router
Last synced: 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/taiseen/react_redux_firebse
- Owner: taiseen
- Created: 2021-06-16T17:14:03.000Z (almost 5 years ago)
- Default Branch: main
- Last Pushed: 2021-07-08T13:12:30.000Z (almost 5 years ago)
- Last Synced: 2025-01-12T18:51:20.883Z (over 1 year ago)
- Topics: class, firebase, firebase-auth, firebase-database, net-ninja-tutorial, nn, react, react-class-components, redux, redux-thunk, router
- Language: JavaScript
- Homepage:
- Size: 2 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
17-Jun-2021 >>to>> 3-July-2021
# React Redux FireBase APP
## Technology Used
* [Materialize CSS](https://materializecss.com)
## Focus On Topic
* Class Component
* Functional Component
## Learning Concepts
* Planing Component Data Flow Architecture
* Details look about React Router (url parameter) [ const id = props.match.params.id ]
* Component Connection
* React Redux
* Multiple Redux ==> Combine into a 1 single Root Reducer
* Register that Root Reducer in App.js < Component />
* Redux Thunk | as a middleware for asynchronous DataBase Connection
* Firebase ==> firestore - NoSQL DB
* React Route Gard
## Dependency Install
* `redux` (for redux store, reducer)
* `react-redux` (for binding layer, react with redux)
* `redux-thunk` (for middleware, dispatch action creator)
* `react-redux-firebase` (for sync with redux store)
* `redux-firestore` (for DataBase)
* `firebase` (for firebase service)