React Crash Course 2024

Поділитися
Вставка
  • Опубліковано 19 гру 2024

КОМЕНТАРІ • 834

  • @linchen5913
    @linchen5913 9 місяців тому +623

    Even though I don't need this, it's still unbelievable that someone would ever create such useful, lengthy videos FOR FREE. Thank you!

    • @ailtonjosue6817
      @ailtonjosue6817 8 місяців тому +4

      hell yes ,-,

    • @luisbrazilva
      @luisbrazilva 7 місяців тому +8

      UA-cam is monetized.

    • @deitunegold4593
      @deitunegold4593 6 місяців тому +3

      I downloaded the Course document from Github but i noticed the jobs.jason files aren’t showing up when i load the website on chrome (also nothing is showing under Recent jobs). Any help?

    • @conaxlearn8566
      @conaxlearn8566 6 місяців тому

      @@deitunegold4593 I just followed through the video and was able to replicate everything the video show. But at times a slight typo can crash the page. Try using Chrome developer tool to check what error message it gives you.

    • @simrandangol8865
      @simrandangol8865 6 місяців тому

      @@deitunegold4593 hi. I got a problem in jason file. Can u help me

  • @husseinkizz
    @husseinkizz 9 місяців тому +139

    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!

  • @marshax
    @marshax 8 місяців тому +255

    "It's JavaScript. You're always going to be confused." Well said.

  • @Jan-v7y
    @Jan-v7y 2 місяці тому +24

    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

  • @zdream720
    @zdream720 4 місяці тому +69

    For anyone stuck on the Router section: react-router-dom was updated and some functions were removed, so now the initial Router setup looks like this (~@1:23:36):
    import { Route, RouterProvider } from "react-router-dom";
    import { createBrowserRouter } from "react-router-dom";
    const router = createBrowserRouter([{ path: "/", element: }]);
    const App = () => {
    return ;
    };

    • @njorojames4414
      @njorojames4414 4 місяці тому

      Thank you friend

    • @charanreddy0000
      @charanreddy0000 4 місяці тому

      thanks man !! It wasnt there in the docs properly.

    • @HonorableBacon
      @HonorableBacon 4 місяці тому +3

      god i hate how theyre constantly changing these little things

    • @superuser3026
      @superuser3026 3 місяці тому

      Thank you so much! I came straight to this and it saved so much time

    • @lucasrod100
      @lucasrod100 28 днів тому

      and if you put the router in a separate file you can leave the App component much cleaner and your project much more well organized

  • @naelcodes
    @naelcodes 9 місяців тому +87

    The timing is insane, needed a refresher. Thanks Brad

  • @On7D7
    @On7D7 7 місяців тому +93

    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!

    • @agnesmuchuki7200
      @agnesmuchuki7200 7 місяців тому +1

      Kindly, offer me an apprenticeship at the company. I will appreciate.

    • @redhotchillidazer2013
      @redhotchillidazer2013 7 місяців тому

      bs

    • @takeuchi5760
      @takeuchi5760 5 місяців тому

      ​@@agnesmuchuki7200 Why would anyone accept such a stupid offer? You might get lucky with someone but most people will ignore you if you're just gonna beg for it without saying why or your credentials.

    • @bhaviksharma4854
      @bhaviksharma4854 5 місяців тому

      @@redhotchillidazer2013 LOL

    • @jagadeshvarmasvpkh7860
      @jagadeshvarmasvpkh7860 4 місяці тому

      Me too offer the job front end react js

  • @nikashsubedi9395
    @nikashsubedi9395 13 днів тому +1

    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

  • @leimengdeK
    @leimengdeK 6 місяців тому +14

    Finished it! took me 2 days to follow along but I did it! The journey of a thousand miles begins with the a single step.

  • @codeJourneyGuides
    @codeJourneyGuides 9 місяців тому +46

    Omg i was searching for new react courses to learn and i just found the best one 😁 Hoping to complete this... thanks brad 👍

    • @hideperson7310
      @hideperson7310 9 місяців тому +1

      Same I am also searching thank you Bard...........

  • @topherreynolds3999
    @topherreynolds3999 8 місяців тому +4

    Thank you! Been studying React for about 3 weeks now. Your video does an excellent job of explaining things in a way I understand. Some other videos I have found just have you follow along without telling you why you are doing the current task. Appreciate this! 🙂

    • @bencipherx
      @bencipherx 8 місяців тому

      Can we be accountability partners, I am on my way to full stack but my achilles heel tbh is styling lol

  • @conaxlearn8566
    @conaxlearn8566 6 місяців тому +3

    Love this one. Thank you very much.
    I did however catch at 2:55:55, the salary wasn't initialized correctly simply because in the JSON data file, salary strings are different from the select options. E.g.
    In JSON file: "$90K - $100K"
    In EditJobPage: "$90K - 100K" (The $ is missing from 100K)

    • @danny65769
      @danny65769 6 місяців тому +1

      Thank you. I was trying to debug that too.

    • @Fr0z3nRebel
      @Fr0z3nRebel 2 місяці тому

      Thanks for pointing this out. I was looking into this as well.

  • @ettorecar9317
    @ettorecar9317 5 днів тому

    Ho cominciato da poco a sviluppare React. Grazie per il video; ho capito molte funzionalità.
    È stato di grande aiuto.

  • @devine_noise
    @devine_noise 8 місяців тому +4

    Hey Brad. Your speech pacing is a perfect speed for me to learn. I find a lot of tutorials want to rush through things. Thanks for the refresher on React. I’ve been building mainly Shopify sites for work and needed to brush up on React for our companies Next JS blog.

  • @sameerasw
    @sameerasw 4 місяці тому +8

    I love the fact that you directly copy pasted the html snippet and then modified it for React. Makes so much sense and easy to learn from my point!

    • @svenbjorn9700
      @svenbjorn9700 4 місяці тому +1

      This is the way.

    • @sameerasw
      @sameerasw 4 місяці тому

      @@svenbjorn9700 I used this method for a couple days, now I'm happy that whatever I do is functional rather than getting constant errors.... So easy to convert and learn a couple new things I could have done b4

    • @JinadB.Stefan
      @JinadB.Stefan 3 місяці тому +1

      Hello, base on your comment on this video, i want to know how he got the html snippet. please can you help?
      🤕

    • @LJ_NN
      @LJ_NN Місяць тому

      I would also reeally love to have the html snippet that hasn't been modified for React yet - anybody who knows how to get hand of it? 😍😍

    • @svenbjorn9700
      @svenbjorn9700 Місяць тому +1

      @@LJ_NN I think it's the "Code:" link in the description, the first link.

  • @hiliousscanner-nr8id
    @hiliousscanner-nr8id 5 місяців тому +2

    After 7-10 hours of coding & learning from Brad, I now declare, that I know some React to take more challenging projects ahead. Thanks a ton Brad! :) Been an follower now for past 4 years. Any tutorial related to web, you are my first goto guy. Thanks for being there for us! :)

  • @centralcoding
    @centralcoding 9 місяців тому +9

    i remember, Ive learned html and css from your youtube channel, then im know teaching many people.
    and you came at the right time when i just started learning REACT.
    I have commented before watching the tutorial. I hope i will grab some important basics of react.
    thank you!

  • @adriande_leon
    @adriande_leon 9 місяців тому +8

    Thank you so much Brad for posting this, I haven't touched React in a couple years and this is a good refresher!

  • @christopherlopez2491
    @christopherlopez2491 7 місяців тому +5

    I started watching you and your html intro video in 2019. Im still here… still learning and still building thank you so much for these videos

  • @fromagetriste
    @fromagetriste 9 місяців тому +6

    super happy about the video, thank you so much

  • @Ndunda_Kelvin
    @Ndunda_Kelvin 5 місяців тому +1

    I don't know if it's me who is getting better in react, or you just have good teaching skills that make everything simple and easy to understand. Thank you for this.

  • @roshangobind3256
    @roshangobind3256 3 місяці тому +5

    For anyone whose tailwind CSS is not loading, make your postcss.config.js look like this
    module.exports = {
    plugins: {
    tailwindcss: {
    content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}']
    },
    autoprefixer: {},
    },
    }
    Edit: Sometimes you have to rename your postcss.config.js to postcss.config.cjs after doing the above

    • @7r19un
      @7r19un 3 місяці тому +1

      This should be pinned to the top.

    • @OmerGiladi
      @OmerGiladi Місяць тому +1

      Thank you!!!!!!!!!!!

  • @ruslangilyazov7733
    @ruslangilyazov7733 Місяць тому

    Спасибо за курс! Я начала его смотреть и за одно прокачивать свой английский на слух. Вы большой трудолюбец, отличный учитель. 🎉😊

  • @MONGERATSEA
    @MONGERATSEA 23 дні тому

    This is the best react-refresher on youtube. Covers all important basic topics. Thank you for the video

  • @DxYPINS
    @DxYPINS 4 місяці тому +1

    Thank You, if Any anyone still to doubting wether this tutorial is worth it or not, i'd say, absolutely, I learned a lot.

  • @lingaun8286
    @lingaun8286 7 місяців тому

    I was able to complete this tutorial in just three days, dedicating about an hour each day. Given my background as a Vue developer, I found it relatively straightforward. Additionally, the tutorial avoids reliance on external plugins or complex integrations, keeping everything refreshingly simple and straightforward. For those looking to delve into React, I would humbly recommend this video tutorial, as it offers a very beginner-friendly approach although a modest understanding or beginner-level knowledge of JavaScript is sufficient to follow along. Wishing all fellow developers the best of luck on your learning journey!

  • @shir35303
    @shir35303 Місяць тому

    This was very useful. Coming from 10+ years with JS, but haven't used React in about 5 years now, I looked for something just like it as a hands-on overview. Thank you so very much!

  • @shahbazjavedqureshi
    @shahbazjavedqureshi 9 місяців тому +2

    Couldn't have come at a better time. Looking forward to the 19's official release and your update. You have no idea how much this helps, thank you!

  • @rapyxbt
    @rapyxbt 4 місяці тому +4

    This is amazing, simple as that, did it in 3 days and learned a lot, thanks

  • @whatscooking104
    @whatscooking104 8 місяців тому +20

    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

    • @andiuptown1711
      @andiuptown1711 6 місяців тому +5

      …Learn to read documentation

    • @hungeron2650
      @hungeron2650 6 місяців тому +1

      Just buy his damn course instead of asking everything for free.

    • @JordannGeorge
      @JordannGeorge 6 місяців тому

      @@hungeron2650 sounds like maybe they want a course from him they're pay for where he teams up with other people who are well versed in a specific area as opposed to him being only semi versed in these areas as a whole.

    • @Whiz-lc5kc
      @Whiz-lc5kc 4 місяці тому

      @@andiuptown1711😂

    • @Whiz-lc5kc
      @Whiz-lc5kc 4 місяці тому

      @@hungeron2650😂

  • @ryl0p3z
    @ryl0p3z 3 місяці тому +1

    Super helpful, up to date course. Very clearly described and all for free ! Amazing and thank you.
    Additionally if you want to auto import a component opposed to writing it out for example at 1:07 in. You can just just write out the component "

  • @davidemmanuel5057
    @davidemmanuel5057 7 місяців тому +4

    just finished the entire 3 hours and have my code in my github for future reference, pretty good tutorial as the others from this channel, concise, explanatory, direct and practical. The json server mockup just amazed me, I didn't know you can support an entire crud with a json file, cool. I came from vue and there are some things I don't like yet from react, mostly the syntaxis is prone to errors and a bit tangled, but I remember I complained a lot when started with vue a couple of years ago. Still thinking vue is more refined (better in short) than react but react and angular are way more popular, so for job offers I'm learning this one. Thx

    • @adarshtiwari7395
      @adarshtiwari7395 7 місяців тому +1

      This is exactly my situation haha. Worked with Vue till now but most openings in the market are for React. How are you preparing for a react position?

    • @deitunegold4593
      @deitunegold4593 6 місяців тому

      I downloaded the Course document from Github but i noticed the jobs.jason files aren’t showing up when i load the website on chrome (also nothing is showing under Recent jobs). Any help?

    • @davidemmanuel5057
      @davidemmanuel5057 6 місяців тому

      @@deitunegold4593 bro i think u have copied same from the github folder remove the jobs and flower brackets and then try it u will not get error
      like this
      {
      "jobs":[
      all data.......
      ]
      }

  • @jderifaj
    @jderifaj 10 днів тому

    This is a great little video. I've dipped my toe in React over the years, this is a nice highlight of the basics.

  • @moisesmena380
    @moisesmena380 2 місяці тому

    I have been without working on webdevelopment for 2 years, now a days i'm returned to programming, thank you Brad for this course

  • @lucasrod100
    @lucasrod100 28 днів тому

    Excellent course!
    this course helped me reinforce my skills, filling a few gaps in my knowledge in react, and it's easy to understand due to the instructor's good didactics.
    I will definitely recommend this channel to anyone willing to learn react or other frameworks/technologies.

  • @Steliosgiannatos
    @Steliosgiannatos 8 місяців тому +2

    Amazing video, bundles everything you need to make an entire project. Keep up the amazing work!

  • @GogoBenson
    @GogoBenson День тому +1

    I got an error message "ReferenceError: primordials is not defined" please does anyone knows a solution to this issue 😢. I need help 1:46:29

  • @naveencooray2733
    @naveencooray2733 27 днів тому

    Here we are, back where it all started. after 3 years of Angular just wanted to refresh my knowledge on React. Thanks Brad!

  • @alexostrovsky3711
    @alexostrovsky3711 7 місяців тому +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.

    • @firluk
      @firluk 7 місяців тому +3

      "it's JavaScript - you are always going to be confused"
      At least this Crash Course is helping

  • @DeveloperRustam
    @DeveloperRustam 8 місяців тому

    thank you sir, it's unbelievable amazing. I'm learning React for long time (6 months) , but now starting understand how may learn easier. Your teaching is awesome. Sparing time for a free course , I can't find any word how to describe.Thank you , again...

  • @MarjorieIvy-p6n
    @MarjorieIvy-p6n 4 місяці тому +1

    Brad, Thank you for this tutorial! I had been following your channel for a while, specially the javascript series! My only regret is that I wasn't consistent with personal projects, and now that I am laid off of work, I can finally have that time to learn and this tutorial made me realize what a waste of time I have done in the past! I should have really continued and consistent and I may have been a Full Stack dev now :D Thanks again!!

  • @luisbrazilva
    @luisbrazilva 7 місяців тому

    I have been a React developer for about 10 yrs or so and I still do these crash courses just to stay on top of new practices. Liek you said React 19 and so on. And your channel have been mu go to all these years

  • @braveitor
    @braveitor 9 місяців тому +2

    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.

  • @社會觀察家
    @社會觀察家 7 місяців тому +4

    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.

  • @a.b_shots
    @a.b_shots 6 місяців тому

    I was trying every single attempt to get attached in the application unit. I'm doing graphic designing and growing my career towards programming. I've thought that becoming an front end developer might be helpful so I can utilize my skills of graphic designing in front end development. I asked my brother for help and he himself learnt from Sir Brad and a skillful developer right now.
    So I watched this whole crash course in 3 days for better understanding. I'm now attached in the application department as an react junior developer by showing this project to them. The reason of telling this it is not necessary to learn from a certified programs or courses. There are life changers like Sir Brad who are sharing the knowledge for free. I've watched it from start to finish and I have a better understanding of the structure of front end and implementing APIs and formatting it to our desire.
    Sir brad thank you for everything. Please keep uploading videos of programming so a guys like us can learn from you.

  • @OniLgnd
    @OniLgnd 8 місяців тому

    I had previously commented about the edit page not displaying the correct salary amount, but I have now figured out the issue for anyone curious. The original 6 jobs all have a salary amount that is not actually an option in the drop down menu. For one, the amount is not an option. And the others is because the higher amount in the salary does not have a $.
    You can fix the issue by simply updating the salary for each job on the edit job page. After that, the edit job page will display the correct salary.
    Again, thank you so much for the video, I learned a ton!

    • @simrandangol8865
      @simrandangol8865 6 місяців тому

      i am having problem while loading json file can u help me

  • @aholicstudy7720
    @aholicstudy7720 9 місяців тому +3

    Thank you so much, Brad. I've studying your 2021 React Crash Course, this video comes just at the right time. Many many thanks

  • @affanmustafa2606
    @affanmustafa2606 9 місяців тому +1

    Doing some revisions and Brad comes in with an updated React course. You're absolutely insane Brad, thank you for all that you do!

  • @danielgillespie7899
    @danielgillespie7899 Місяць тому

    I learnt more in this 3 hour video than I did in an entire semester class on React. Added bonus: Other students weren't constantly leaving the room to cry (literally) while I was trying to learn (I may have had to leave the classroom once or twice myself).

  • @meganpark89
    @meganpark89 Місяць тому

    I've accomplished the project by follwing the course. Thanks for the video. It's absolutely helpful!

  • @ImFantin
    @ImFantin 8 місяців тому

    Such an amazing tutorial man. I can confidently say I can start a react project with no problems after watching this. I really appreciate your videos!

  • @TannerBarcelos
    @TannerBarcelos 8 місяців тому

    Been a few months since writing UI at work (been doing a lot of backend stuff lately). I was a UI Engineer entering my current company but now I feel rusty. This was perfect to ramp back up for a project.

  • @ivanperez4878
    @ivanperez4878 9 місяців тому +5

    Awesome course, right on time! Thank you for helping us all.

  • @sirkaal
    @sirkaal 4 місяці тому

    Did I just watch 3 hours react course? Didn't need it, but the narration was so good it felt like watching a movie. Great job...

  • @zrotrasukha8733
    @zrotrasukha8733 4 місяці тому

    Hello there sir, I have recently enrolled myself into a web3 course for which react and node js basics are required and I learned react in past but it was like 5-6 months ago and since then I started investing my time in data structures, I was afraid if I will be able to cover this much info in one video, I really appreciate your work, I really do, huge respect to you for making an awesome tutorial like this!!!! Now, react is done, time for node!

  • @ichiroutakashima4503
    @ichiroutakashima4503 8 місяців тому

    Hey, Brad. I just want to say thanks to your contents. Even though docs exists, I'm more of a visual learner. I had a hard time understanding the latest concepts of React Router and this video has simplified it.

  • @rahmatullahbizhan7796
    @rahmatullahbizhan7796 2 місяці тому

    "Your tutorial was a breath of fresh air! Thank you for sharing your expertise in such a cool and accessible way."

  • @HimalayanFishing
    @HimalayanFishing 7 місяців тому +2

    Hats off to you for crafting these incredibly beneficial and extensive videos out of sheer generosity. Your efforts are truly appreciated!

  • @BMRG14
    @BMRG14 9 місяців тому +7

    Right on time! Thank you very much.

  • @nickkang1917
    @nickkang1917 3 місяці тому

    Just went through this entire tutorial, start to finish, and built this along with your video! Thank you so much!

  • @JessieTraslavina
    @JessieTraslavina 4 місяці тому +6

    I like the way you teach. You are very clear and bright. Not Salesy, like everyone else on yt. Thank you

  • @nirajchandrajoshi
    @nirajchandrajoshi 6 місяців тому +1

    This is a valuable resource and I learned a lot from this. I m first time learner and I will say such kind of tutorial is not available in UA-cam. Thank you

  • @prasadhonrao
    @prasadhonrao 9 місяців тому

    Many thanks Brad. Took me full 8 hrs to code it while watching, but it was all worth the effort. Now I will go back to your React course on Traversy Media and add remaining features like backend API and authentication.

  • @Sammy102093
    @Sammy102093 8 місяців тому

    As someone who has been spending the last few months on Python, YAML, and Ansible, I needed this as a refresher.

  • @WebDevYTLearningAccount
    @WebDevYTLearningAccount 2 місяці тому

    Thank you for another great lesson. I had to switch teams in my job and quickly learn React, this really helped understand more about the fundamentals with actual application.

  • @nimira43
    @nimira43 9 місяців тому

    Even before starting this course you know it's going to be quality from the best coding instructor. Would of gladly paided for this. Thanks always Brad.

  • @orangeCountries
    @orangeCountries 4 місяці тому

    Thanks, dude. I am thankful to you. you just include my 2 months of learning in 3 hours 4 minutes only. thanks a ton.

  • @ashutosh_tiwari
    @ashutosh_tiwari 8 місяців тому +1

    One of the Best Crash Course on React in 2024!!
    Thankyou very much Brad❤.

  • @jayjenous7601
    @jayjenous7601 6 місяців тому +1

    I liked the react course, I finished it, thanks again Brad

  • @jerrywang3225
    @jerrywang3225 2 місяці тому

    You are such a great teacher, I can't thank you enough for all the effort you put up here.

  • @dei8bit
    @dei8bit 8 місяців тому

    O holy god , the video was getting better and better like:
    -Well guys this is something I do every now and then
    I'm like, oh great keeps the courses up to date
    -Not just with react but with the big frameworks
    And I'm like: OH GREAT, then it will have content on svelte and other cool tools.
    -But this is for beginners so...
    OH HOLY GOD IT'S SENSUALLY PERFECT.
    i'm in the right place!

  • @astianmuchui
    @astianmuchui 9 місяців тому +3

    This is just what I needed. Now All I have to do is look for 6 hours to watch this

  • @dzalev1
    @dzalev1 9 місяців тому +1

    First comment! The best teacher in the industry! God bless you and your family ❤

  • @CynthiaAmaji-zd1ip
    @CynthiaAmaji-zd1ip 9 місяців тому +1

    The is truly beginner friendly. One of the best react tutorials. Thanks for the video.

  • @FllrOfSonOfRageNLove
    @FllrOfSonOfRageNLove 7 місяців тому

    Excellent Tutorial!!!! I did not know anything about React JS, but with this video I learnt the basic CRUD project using React JS. It was a lot of fun. I cannot thank you enough for your great effort.

  • @jayjenous7601
    @jayjenous7601 6 місяців тому

    men, I finished the whole course, this helped me a lot to understand react

  • @GaBoyInKy
    @GaBoyInKy 9 місяців тому

    I have to admit I have fun learning from you. I get more off your project based courses than most that are teaching the same subject.

  • @jesf570
    @jesf570 7 місяців тому

    Truly the dev goatof UA-cam, from 0 to hero, you're the best on the tube.

  • @spacexnix
    @spacexnix 9 місяців тому

    This is just a great course for a beginner. Thank you very much for your work. I am very pleased that this course is completely free. I was just looking for a combination of Vite + React, and this course was released yesterday. This is simply amazing.
    Buddy, I have an idea for a future video. Could you make a video about the Vite + React + Shadcn combination? It would be simply amazing, you manage to explain everything clearly. I'm looking forward to new videos about react.

  • @SirPorkWellington
    @SirPorkWellington 7 місяців тому

    Thanks Brad. Got recently laid off and transitioning to Frontend development. This tutorial is a godsend

  • @barani7821
    @barani7821 5 місяців тому

    Best react crash course in youtube, Brad way of Organizing the course is impressive. Thank you so much!

  • @RobbieSherre-o4e
    @RobbieSherre-o4e 3 дні тому

    Awesome tutorial, well thought out and explained, love your videos truth be told, nice to see this high level explanation of ReactJS.

  • @CodeWithClinton
    @CodeWithClinton 8 місяців тому +1

    Thank you so much Brad, for this course. I am a Backend Engineer who wants to have a taste of the frontend. Thanks again Brad Traversy.

  • @DrVkEn1
    @DrVkEn1 6 місяців тому

    I finished your course and thank you very much I feel capable of developing real frontend applications thanks to you thank you very much

  • @tong5364
    @tong5364 5 місяців тому

    This is my first react tutorial, I realy learn a lot. Thankyou brad

  • @dakiworld
    @dakiworld 4 місяці тому

    2:36:15 Form Part Done try to connect with backend

  • @webdevluc
    @webdevluc 9 місяців тому +22

    Amazing work with the updated React crash course. It's rare to find such high quality learning resource offered for free

    • @chivicks_hazard
      @chivicks_hazard 9 місяців тому +1

      Honestly speaking

    • @emmang2010
      @emmang2010 9 місяців тому

      I only skimmed the section names but are contexts and providers not covered?

    • @dmn177
      @dmn177 5 місяців тому

      ​@@emmang2010 Did you watch it?

  • @sukanyasenthilnathan7737
    @sukanyasenthilnathan7737 5 місяців тому

    Thanks much Brad, Finishing the module along with you levels up my confidence. As your other courses, this course is also to the point . Very professional and highly contributing. Thanks again Brad

  • @GilAguilar
    @GilAguilar 7 місяців тому

    Thanks Brad this was a great refresher, thanks for putting this together for us.
    Love seeing your journey from the beginning to now and you are still that truly an amazing soul.
    You were a big part of why I was able to break into development.
    Keep shining the light bright for all of us cheers.

  • @colonelvector
    @colonelvector 5 місяців тому

    Excellent tutorial, perfect balance of spending just enough time on each concept while still being thorough enough

  • @yessirski7868
    @yessirski7868 4 місяці тому

    thank you so much for this brad! been watching your videos since I started college and you have been a great help for the last 3 years! I would love to run into you one day. I am born and raised in Boston

  • @mutajonathan9249
    @mutajonathan9249 2 місяці тому

    Wow, I just completed this crash course in a day .. interesting journey to enter and recall react

  • @Madesh-qf6qn
    @Madesh-qf6qn 2 місяці тому

    Thank you man. That was just the next level of content with perfect teaching!

  • @zawtunit
    @zawtunit 3 місяці тому

    Thank you very much, I completed sucessfully the React tutorial this time and perfect, learned a lot to start my own project...

  • @christopherhiggins9155
    @christopherhiggins9155 8 місяців тому

    Great course! I've been trying to dig into React, Vue, etc., by tinkering on my own but couldn't quite grasp it. This is the first resource that finally made sense to the point that I'm convinced I can start using it in projects. Thanks for the walk-through and excellent explanations!

  • @Genius_Insights_with_zubair
    @Genius_Insights_with_zubair 4 місяці тому

    Absolutely amazing. Covered all the necessary things in a very short time. Thanks

  • @exploreinsixtyseconds
    @exploreinsixtyseconds 7 місяців тому +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 !

    • @deitunegold4593
      @deitunegold4593 6 місяців тому

      I downloaded the Course document from Github but i noticed the jobs.jason files aren’t showing up when i load the website on chrome (also nothing is showing under Recent jobs). Any help?

  • @ukpechukwu1415
    @ukpechukwu1415 4 місяці тому

    Thank u for this video sir. Even though I’m still struggling with the basics of JavaScript and reacts, your page has been of great help so far. ❤

  • @pavankumar-of4ew
    @pavankumar-of4ew 8 місяців тому

    Brad you made JS , so simple to learn ,now i am confident to code it in a consistent way, thanks

  • @Peywan
    @Peywan 8 місяців тому

    1 hour and 8 minutes into the video, and you catch me late and give me an AHA moment for react. thanks a lot Brad. Very appreciated that you do videos consistently and keep up to date with what we need to learn and give this information for free. thanks!!