-
Урок 1.
00:01:55
Welcome To The Course!
-
Урок 2.
00:08:32
What Is React?
-
Урок 3.
00:05:51
Environment Setup
-
Урок 4.
00:02:00
Code Repos
-
Урок 5.
00:02:50
Feedback Project Intro
-
Урок 6.
00:07:02
Create React App
-
Урок 7.
00:07:13
Initializing React
-
Урок 8.
00:07:06
Intro To JSX
-
Урок 9.
00:05:24
Dynamic Values & LIsts in JSX
-
Урок 10.
00:05:09
Conditionals in JSX
-
Урок 11.
00:08:01
Creating Your First Component & Props
-
Урок 12.
00:05:35
Adding Styles To A Component
-
Урок 13.
00:08:22
State & useState Hook
-
Урок 14.
00:08:29
Managing Global State
-
Урок 15.
00:10:16
Card Component & Conditional Styles
-
Урок 16.
00:10:19
Events & Prop Drilling
-
Урок 17.
00:07:32
FeedbackStats Component & Reactivity
-
Урок 18.
00:06:03
Form Input & State
-
Урок 19.
00:05:28
Custom Button Component
-
Урок 20.
00:04:32
Real-Time Validation
-
Урок 21.
00:07:08
Rating Select Component
-
Урок 22.
00:07:21
Add Feedback
-
Урок 23.
00:03:52
Fade Animation With Framer Motion
-
Урок 24.
00:08:22
Creating Routes (React Router 5)
-
Урок 25.
00:02:33
Upgrading To React Router 6
-
Урок 26.
00:05:13
Creating Links (v5 & v6)
-
Урок 27.
00:06:40
NavLink & useParams
-
Урок 28.
00:06:52
Navigate & Nested Routes
-
Урок 29.
00:06:35
Create a Context & Provider
-
Урок 30.
00:04:42
Get Global State With The useContext Hook
-
Урок 31.
00:07:25
Moving Functions To Context
-
Урок 32.
00:05:47
Edit Feedback Event
-
Урок 33.
00:07:33
Side Effects With useEffect
-
Урок 34.
00:05:14
Update Feedback Item
-
Урок 35.
00:05:23
Deploy To Netlify
-
Урок 36.
00:06:26
APIs & Requests Explained
-
Урок 37.
00:07:47
Setting Up JSON-Server Mock Backend
-
Урок 38.
00:02:37
Run Client & Server With Concurrently
-
Урок 39.
00:04:56
Fetch Data From JSON-Server Backend
-
Урок 40.
00:05:34
Spinner Component
-
Урок 41.
00:05:26
Add Feedback & Setting a Proxy
-
Урок 42.
00:04:17
Update & Delete From JSON-Server
-
Урок 43.
00:02:35
GitHub Finder Project Intro
-
Урок 44.
00:08:26
Setup Tailwind & Daisy UI
-
Урок 45.
00:09:06
Navbar Component
-
Урок 46.
00:03:33
Footer Component
-
Урок 47.
00:07:39
Pages & Routes
-
Урок 48.
00:07:07
Github API & Getting Token
-
Урок 49.
00:10:16
UserList Component
-
Урок 50.
00:03:08
Loading Spinner
-
Урок 51.
00:06:49
Display Users
-
Урок 52.
00:09:18
Setup Github Context
-
Урок 53.
00:09:17
Reducers & useReducer Hook
-
Урок 54.
00:03:43
Clean Up Fetch Users
-
Урок 55.
00:10:27
User Search Component
-
Урок 56.
00:04:32
Search Users
-
Урок 57.
00:03:27
Clear Users
-
Урок 58.
00:08:09
Alert Context & Reducer
-
Урок 59.
00:07:43
Alert Component
-
Урок 60.
00:09:39
Get Single User
-
Урок 61.
00:11:32
User Profile Top
-
Урок 62.
00:08:44
User Profile Stats
-
Урок 63.
00:10:06
Get User Repos
-
Урок 64.
00:08:25
Repo Items
-
Урок 65.
00:06:20
Move SearchUsers To Actions File
-
Урок 66.
00:07:48
Move getUser To Actions File
-
Урок 67.
00:07:52
Cleaning Up Our Actions & Axios
-
Урок 68.
00:02:30
Deploy To Vercel
-
Урок 69.
00:00:46
Section Intro
-
Урок 70.
00:08:20
useRef Example 1 - Create DOM Reference
-
Урок 71.
00:05:16
useRef Example 2 - Get Previous State
-
Урок 72.
00:09:44
useRef Example 3 - Memory Leak Error Fix
-
Урок 73.
00:10:44
useMemo Example
-
Урок 74.
00:07:12
useCallback Example
-
Урок 75.
00:09:12
Custom Hook 1 - useFetch
-
Урок 76.
00:15:10
Custom Hook 2 - useLocalStorage
-
Урок 77.
00:04:41
House Marketplace Project Intro
-
Урок 78.
00:06:57
App & FIrebase Setup
-
Урок 79.
00:07:55
Enable Authentication & Create Rules
-
Урок 80.
00:11:49
Dummy Data & Indexes
-
Урок 81.
00:06:48
Pages & Routes
-
Урок 82.
00:10:03
Navbar Component
-
Урок 83.
00:14:56
Sign In & Sign Up Forms
-
Урок 84.
00:05:29
Register User
-
Урок 85.
00:04:52
Save User To Firestore
-
Урок 86.
00:08:26
User Sign In
-
Урок 87.
00:04:55
Alerts With React Toastify
-
Урок 88.
00:05:38
User Logout
-
Урок 89.
00:13:25
Display & Update User Details
-
Урок 90.
00:14:51
PrivateRoute Component & useAuthStatus Hook
-
Урок 91.
00:09:16
Forgot Password Page
-
Урок 92.
00:14:00
Google OAuth
-
Урок 93.
00:05:00
Explore Page
-
Урок 94.
00:15:07
Fetch Listings From Firebase
-
Урок 95.
00:11:44
Listing Item Component
-
Урок 96.
00:03:30
Offers Page
-
Урок 97.
00:12:48
Start Create Listing Page
-
Урок 98.
00:17:38
Create Listing Form
-
Урок 99.
00:16:34
Get Coords With Geocoding API
-
Урок 100.
00:11:52
Uploading Images To FIrebase
-
Урок 101.
00:08:03
Save Listings To Firestore
-
Урок 102.
00:02:06
Quick Note & Change
-
Урок 103.
00:08:04
Fetch Single Listing
-
Урок 104.
00:10:57
Listing Details
-
Урок 105.
00:12:30
Contact Landlord Page
-
Урок 106.
00:07:30
Leaflet Map
-
Урок 107.
00:07:02
Listings Page Slider
-
Урок 108.
00:13:29
Explore Slider
-
Урок 109.
00:12:43
Profile Listings & Delete
-
Урок 110.
00:08:28
Load More Pagination
-
Урок 111.
00:05:21
Edit Listing Icon
-
Урок 112.
00:12:42
Edit Listing
-
Урок 113.
00:03:37
Clear Up Console Warnings
-
Урок 114.
00:03:18
Deploy To Vercel
-
Урок 115.
00:02:00
Project Intro
-
Урок 116.
00:04:30
What Is The MERN Stack?
-
Урок 117.
00:05:08
MongoDB Setup
-
Урок 118.
00:05:51
Server File Stucture
-
Урок 119.
00:06:25
Basic Express Server Setup
-
Урок 120.
00:05:58
Add Routes & Controller
-
Урок 121.
00:11:43
Error & Exception Handling
-
Урок 122.
00:06:01
Connect To The Database
-
Урок 123.
00:10:05
Register User
-
Урок 124.
00:09:14
Login & Create JWT
-
Урок 125.
00:13:24
Protect Routes & Authentication
-
Урок 126.
00:09:02
Frontend Folder Setup
-
Урок 127.
00:08:03
Header & Initial Pages
-
Урок 128.
00:15:06
Home, Login & Register UI
-
Урок 129.
00:08:42
Redux Setup & Auth Slice
-
Урок 130.
00:09:40
Hook Register Form To Redux
-
Урок 131.
00:21:01
Register User
-
Урок 132.
00:08:13
Logout User
-
Урок 133.
00:07:54
User Login
-
Урок 134.
00:11:08
Ticket Model & Routes
-
Урок 135.
00:06:22
Get & Create Tickets (Backend)
-
Урок 136.
00:09:21
Single Ticket, Update & Delete (Backend)
-
Урок 137.
00:10:00
Route Guard
-
Урок 138.
00:08:35
New Ticket Form
-
Урок 139.
00:05:08
Add Tickets To Redux
-
Урок 140.
00:16:11
Create Ticket Functionality
-
Урок 141.
00:08:52
Fetch Tickets From Backend
-
Урок 142.
00:06:42
Listing Tickets In UI
-
Урок 143.
00:15:22
Single Ticket Display
-
Урок 144.
00:09:44
Close Ticket Functionality
-
Урок 145.
00:13:31
Notes Backend
-
Урок 146.
00:08:58
Fetch Notes Through Redux
-
Урок 147.
00:07:54
Display Notes
-
Урок 148.
00:10:19
Note Form Modal
-
Урок 149.
00:05:31
Submit a Note
-
Урок 150.
00:12:06
Deploy To Heroku
House Marketplace Repo: https://github.com/bradtraversy/house-marketplace
Brad's Gists - https://gist.github.com/bradtraversy
TOOLS:
https://code.visualstudio.com/
https://git-scm.com/
https://nodejs.org/en/
https://www.postman.com/
https://chrome.google.com/webstore/detail/react-developer-tools
DOCS:
https://reactjs.org/
https://reactrouter.com/
https://docs.github.com/en/rest
https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API
https://firebase.google.com/
https://leafletjs.com/
https://swiperjs.com/
https://tailwindcss.com/
https://tailwindcss.com/docs/guides/create-react-app
https://daisyui.com/
https://www.npmjs.com/package/concurrently
https://www.npmjs.com/package/json-server
https://www.npmjs.com/package/framer-motion
https://www.npmjs.com/package/react-icons
https://www.npmjs.com/package/react-toastify
https://www.npmjs.com/package/uuid
https://www.npmjs.com/package/axios
COURSE HELPERS:
Please follow these guys as they are incredibly talented and have contributed a lot to this course :)
Will Adams
My right-hand man in the Udemy Q/A
Github: https://github.com/bushblade
Twitter: https://twitter.com/Bushblade
Mitchel
Helped with the House Marketplace App
Github: https://github.com/MitchelSt
YouTube Channel: https://www.youtube.com/channel/UC6W89Wklwaki9pc_qSquRtw
Hassib
Created the design for the Github Finder app
Github: https://github.com/hassibmoddasser
Twitter: https://twitter.com/hassibmoddasser