https://github.com/equimper/youtubetuto1reactredux
https://github.com/equimper/youtubetuto1reactredux
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/equimper/youtubetuto1reactredux
- Owner: EQuimper
- Created: 2016-11-27T22:22:12.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2018-03-21T14:15:23.000Z (over 7 years ago)
- Last Synced: 2025-07-07T17:35:34.819Z (3 months ago)
- Language: JavaScript
- Size: 65.4 KB
- Stars: 7
- Watchers: 2
- Forks: 4
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Tutorial Plan
- Build by module
- commons
- modules
- chat
- components
- Component1
- Component2
- index
- ChatView
- ChatContainer
- actions
- reducer
- index
- index
- redux
- reducers
- auth
- domains
- ui
- index
- store
- Routes.js
- App.js
- More easy to add new features
- Easy to follow
- Using Promise for the api fetching
- How debug with the DevTools
# What we build ?
Full features list app
- auth
- categories
- material-ui
- feeds
- user can like
Backend with express and this is a simple api
# [Episode 1](https://www.youtube.com/watch?v=kkNNkatU4MQ&index=1&list=PLzQWIQOqeUSMt6kTZnX5nY682Kd_ZyHJW)
1. Install Create-React-App
2. Setup the Redux boilerplate
- Store
- Reducer
- Middleware
- DevTools
3. Add the Provider for connect to react
# [Episode 2](https://www.youtube.com/watch?v=5RBi1-LAWoc&index=2&list=PLzQWIQOqeUSMt6kTZnX5nY682Kd_ZyHJW)
1. Setup react-router
2. Talk about children in react
# [Episode 3](https://www.youtube.com/watch?v=5Bytq6LNDO4&list=PLzQWIQOqeUSMt6kTZnX5nY682Kd_ZyHJW&index=3)
1. Setup Semantic-Ui
2. Setup the navbar
3. Setup 404
3. Form for signup/login ui
# [Episode 4](https://www.youtube.com/watch?v=kFArZ5SnuRE&index=4&list=PLzQWIQOqeUSMt6kTZnX5nY682Kd_ZyHJW)
1. What is children
2. Reusable Component
3. Function value