React Front To Back by Udemy
Learn Modern React 16.8+ Including Hooks, Context API, Full Stack MERN & Redux By Building Real Life Projects
Course Highlights
- Learn Modern React By Building 3 Projects
- Flux Pattern Using Context & useContext/useReducer Hooks
- Learn Redux From Scratch
- Full Stack Development with MERN (MongoDB, Express, React, Node)
- Suitable For Both Beginners & Intermediate React Developers
Skills you will learn!
Curriculum
3 Topics
Welcome To The Course
What Is React?
Setting Up Our Environment
6 Topics
Project Introduction
Code & Resources
Create React App & File Structure
CRA Cleanup & Prepare
Intro To JSX & Fragments
Expressions & Conditionals In JSX
7 Topics
Components Props & PropTypes
Getting Started With Component State
Lists & Passing State With Props
Stateless Functional Components
HTTP Requests & Updating State
Spinner Component & Refactoring
Environment Variables
8 Topics
Events & Search Component
Passing Props Up & Search
Clear Users From State
Alert State & Component
React Router Setup
Single User Component & Data
User Component UI & Layout
Repos & RepoItem Component & Data
11 Topics
Overview of Hooks & Context
Search Class to Function With useState Hook
User Class to Function With useEffect Hook
App Class to Function Component
Implementing Context
Create Reducer & Actions
Moving User State To Context
Moving Repos State To Context
Alert Context Workflow
Home & NotFound Components
Prepare & Deploy To Netlify
6 Topics
Project Introduction
Code & Resources
MongoDB Atlas Setup
Dependencies & Basic Express Server
Backend Routes
Connect MongoDB To Our App
8 Topics
User Model & Validation
Hash Passwords & Register Route
Create & Respond With JSON Web Token
Authenticate Route
Auth Middleware & Protecting Routes
Contact Model & Get Contacts Route
Add Contact Route
Contact Update & Delete Routes
10 Topics
Setup React & Concurrently
Cleanup Navbar & Router Setup
Contacts Context & Global State
Contacts & ContactItem Components
ContactForm Component
Delete Contact From UI
Set & Clear Current Contact
Edit & Update Contact Action
Contact Filter Form & State
Basic Add & Delete Animation
8 Topics
Auth Context & Initial State
Register & Login Forms
Alert Context State & Component
User Registration
Load User & Set Token
User Login
Logout & Navbar
PrivateRoute Component
5 Topics
Add Contact
Get & Clear Contacts
Delete Contacts
Update Contacts
Prepare & Deploy To Heroku
8 Topics
Project Introduction
Code & Resources
React & JSON-Server Setup
Materialize Setup
SearchBar & Logs Component
LogItem & Preloader Components
AddBtn & AddLogModal Components
Edit & Tech Modal Components
7 Topics
Redux Store & Provider Setup
Logs Reducer Actions & Types
Connecting Redux To a Component
Add Logs
Delete Logs
Update Logs
Search Logs
4 Topics
Techs Reducer Action & Component
Tech Options Select Component
Add Technicians
Delete Technicians
React Front To Back
Related React JS Courses
Thank You!
Your review has been submitted successfully.