ImmersiveAmbientModecolor: #64d0eb (color 2)
Video Format : 22 (720p) openh264 ( https://github.com/cisco/openh264) mp4a.40.2 | 44100Hz
Audio Format: Opus - Normalized audio
PokeTubeEncryptID: dc1fd3f9241cef7e86d4de6f22fba5eac5dbd264d5b0450d935441483cc4ffde3195c00a87ac2cd0614f836e4c145e6d
Proxy : eu-proxy.poketube.fun - refresh the page to change the proxy location
Date : 1716354827671 - unknown on Apple WebKit
Mystery text : TERCNHVhSjg3ZTAgaSAgbG92ICB1IGV1LXByb3h5LnBva2V0dWJlLmZ1bg==
143 : true
237,045 Views β’ Mar 18, 2024 β’ Click to toggle off description
Code:
github.com/bradtraversy/react-crash-2024
React Front To Back Full Course:
www.traversymedia.com/Modern-React-Front-To-Back-Cβ¦
Check out all my courses:
traversymedia.com/
Social Media:
Github - github.com/bradtraversy
Twitter - twitter.com/traversymedia
Instagram - www.instagram.com/traversymedia
Facebook - www.facebook.com/traversymedia
Linkedin - www.linkedin.com/in/bradtraversy
Timestamps:
0:00 - Intro
1:55 - What Is React? (Slide)
3:43 - Why React? (Slide)
7:19 - What Are Components? (Slide)
8:21 - What Is State? (Slide)
10:00 - What Are Hooks? (Slide)
11:17 - What Is JSX? (Slide)
12:42 - SPA, SSR, SSG (Slide)
15:38 - Vite (Slide)
16:30 - Project Demo
19:53 - Setup React With Vite
22:29 - File Explanation
25:11 - Boilerplate Cleanup
26:48 - Tailwind CSS Setup
30:24 - JSX Crash Course
39:37 - Start Homepage
42:00 - Navbar Component
43:56 - Image Import
45:24 - Hero Component
46:17 - Props
48:00 - Default Props
48:51 - Wrapper Components
55:14 - JobListings Component
58:50 - Create Lists With map()
1:03:20 - Single JobListing Component
1:05:49 - Limit Jobs to 3
1:07:50 - useState() Hook & Desc Toggle
1:13:07 - Creating an Event
1:14:20 - Updating Component State
1:16:00 - React Icons Package
1:18:00 - React Router Setup
1:20:21 - Create Routes From Elements
1:21:36 - Router Provider
1:22:36 - Homepage Component/Route
1:24:40 - Layouts
1:29:06 - Jobs Page Component/Route
1:30:50 - Link Component
1:34:20 - Custom 404 Page
1:36:55 - Active Links With NavLink
1:41:00 - Conditional Rendering
1:43:10 - JSON Server Setup
1:47:00 - useEffect() & Data Fetching
1:53:07 - Loading Spinner
1:51:06 - Conditional Fetching
1:59:45 - Proxying
2:03:38 - Single Job Page
2:09:04 - useParams() to Get ID
2:12:25 - Data Loaders
2:16:36 - Single Job Output
2:22:00 - Add Job Page
2:23:40 - Working With Forms
2:30:05 - Form Submission
2:35:27 - Pass Function as Prop
2:39:32 - POST Request to Add Job
2:41:45 - Delete Job Button/function
2:45:12 - DELETE Request to Remove Job
2:46:50 - React Toastify Package
2:50:08 - Edit Job Page/Form
2:56:05 - Update Form Submission
2:58:54 - PUT Request to Update Job
3:02:10 - Build Static Assets For Production
Views : 237,045
Genre: Science & Technology
Date of upload: Mar 18, 2024 ^^
Rating : 4.968 (59/7,395 LTDR)
RYD date created : 2024-05-22T05:05:25.389408Z
See in json
YouTube Comments - 408 Comments
Top Comments of this video!! :3
let me tell you something Brad, you're like my Big brother and tech mentor. even though i graduated in software engineering with 3.93GPA from the top technology University in my country; i didn't have much real world experiences. 3 years ago while i was in the University i start learning MERN Stack from you and JavaScript mastery Chanel. then i got a job and work for Ethiopian Military. while i was working for the Military i also got a chance to work for the biggest security agency in my country. right now i am working for a big private enterprise and 19 banks.
on top of that a year ago i started a software development company and i own 50% of the company.
i learn a lot from you than my university courses combined.
All i can say is thank you and God bless you!
18 |
"It's JavaScript. You're always going to be confused." Well said.
53 |
The timing is insane, needed a refresher. Thanks Brad
36 |
Thanks Brad, always one of the best teachers on internet, you taught me react 4 years ago, I now make react libraries and stuff, thanks man, can't appreciate your works enough!
58 |
Thank you Brad π
I was considering watching the old tutorial with respect to React 19 but I'm so much relieved now.
You're the best ππ―
8 |
Please team up with some folks and do a professional E-commerce course where you put everything together. Planning, Figma, UI/UX, frontend, backend, database, microservices, version control, CI/CD etc etc etc etc. Pay attention to everything
13 |
Thank you so much, Brad. I've studying your 2021 React Crash Course, this video comes just at the right time. Many many thanks
1 |
Awesome course, right on time! Thank you for helping us all.
3 |
super happy about the video, thank you so much <3
4 |
Awesome Tutorial that really explains and brings things to light! Well done Brad, I look forward to learning more from you.
1 |
THX Brad, learned everything from you, it gives me a very peaceful vibe just listening to your voice, so I still watch/listen your every video.
|
Omg i was searching for new react courses to learn and i just found the best one π Hoping to complete this... thanks brad π
25 |
Hats off to you for crafting these incredibly beneficial and extensive videos out of sheer generosity. Your efforts are truly appreciated!
|
Fantastic tutorial. This is for me, the best way to learn and get used to a real project structure. Excellent job. You're an amazing teacher. Thank you.
1 |
Amazing video, bundles everything you need to make an entire project. Keep up the amazing work!
1 |
Right on time! Thank you very much.
3 |
I actually never heard of a "crash course" concept until this one. And it is exactly what I needed. Thanks a lot! Great work.
1 |
This is more than a crash course ! after finishing this course anyone can free to learn MERN stuff ! brad you are man of the year !
1 |
Exactly what I need!
Thank you for making such a high quality video!
|
@bushigi5913
2 months ago
Even though I don't need this, it's still unbelievable that someone would ever create such useful, lengthy videos FOR FREE. Thank you!
235 |