React Front To Back
- Descripción
- Currículum
- Reseñas
This course is for anyone that wants to learn React and also for React developers looking to build some projects and sharpen their skills.
The first project (Feedback App) is structured in a way so I can explain the fundamentals such as components, hooks, props, state, etc in a way that beginners can understand. The second project (Github Finder) will show you how to work with 3rd party APIs and the third project (House Marketplace) is a larger app that uses Firebase 9 and includes authentication, Firestore queries, file storage and more.
The final project has been added! It is a fullstack MERN support ticket system that uses Redux and Redux Toolkit.
Here are some of the things you will learn in this course:
-
React fundamentals including components, props, hooks, state, etc
-
React hooks such as useState, useEffect, useContext, useReducer, useRef, etc
-
Creating custom hooks
-
React Router v6 (latest version)
-
How to handle global state with context, reducers and hooks
-
Firebase 9 authentication, queries, storage
-
Deploying React apps to Vercel & Netlify
-
Basic Animation with Framer Motion
-
Implement Leaflet maps and Swiper sliders
-
Fullstack MERN (MongoDB, Express, React, Node.js)
-
REST API creation
-
Redux
-
Redux Toolkit
-
Authentication with JWT
-
Much More…
This course has been completely re-done with new projects and concepts from the old course. I have a few React courses and this is the one that I always suggest people start with before moving on to the MERN courses
-
12Creating Your First Component & PropsVideo lesson
-
13Adding Styles To A ComponentVideo lesson
-
14State & useState HookVideo lesson
-
15Managing Global StateVideo lesson
-
16Card Component & Conditional StylesVideo lesson
-
17Events & Prop DrillingVideo lesson
-
18FeedbackStats Component & ReactivityVideo lesson
-
37APIs & Requests ExplainedVideo lesson
-
38Setting Up JSON-Server Mock BackendVideo lesson
-
39Run Client & Server With ConcurrentlyVideo lesson
-
40Fetch Data From JSON-Server BackendVideo lesson
-
41Spinner ComponentVideo lesson
-
42Add Feedback & Setting a ProxyVideo lesson
-
43Update & Delete From JSON-ServerVideo lesson
-
49Github API & Getting TokenVideo lesson
-
50UserList ComponentVideo lesson
-
51Loading SpinnerVideo lesson
-
52Display UsersVideo lesson
-
53Setup Github ContextVideo lesson
-
54Reducers & useReducer HookVideo lesson
-
55Clean Up Fetch UsersVideo lesson
-
56User Search ComponentVideo lesson
-
57Search UsersVideo lesson
-
58Clear UsersVideo lesson
-
70Section IntroVideo lesson
-
71useRef Example 1 - Create DOM ReferenceVideo lesson
-
72useRef Example 2 - Get Previous StateVideo lesson
-
73useRef Example 3 - Memory Leak Error FixVideo lesson
-
74useMemo ExampleVideo lesson
-
75useCallback ExampleVideo lesson
-
76Custom Hook 1 - useFetchVideo lesson
-
77Custom Hook 2 - useLocalStorageVideo lesson