React 18 Fundamentals Crash Course

Поделиться
HTML-код
  • Опубликовано: 24 ноя 2024

Комментарии • 160

  • @Codevolution
    @Codevolution  2 года назад +36

    For a more complete deep dive into React, watch the full playlist at ruclips.net/video/QFaFIcGhPoM/видео.html&ab_channel=Codevolution

    • @mrrishiraj88
      @mrrishiraj88 2 года назад +1

      Great thanks 🙏👍

    • @miketennison9208
      @miketennison9208 2 года назад

      We need redux also

    • @NiteshKumar-zy7gl
      @NiteshKumar-zy7gl 2 года назад +2

      I am new to React. after using react 18 would it be easy to understand the recommended playlist of yours as you have used v16 there I guess or should I go through that playlist first in order to get the concepts thoroughly here ?

    • @mrrishiraj88
      @mrrishiraj88 2 года назад

      @@NiteshKumar-zy7gl.

    • @pankajkulkarni6456
      @pankajkulkarni6456 2 года назад

      why we need NodeJS for react or Angular?

  • @worldinnumbers00
    @worldinnumbers00 2 года назад +89

    I learned React using Vishwas tutorials and still referring to those tutorials. This channel is actually one stop place for frontend development. I love the way he explain the concepts. Thank you for your effort. Much love :)

  • @РоманГирич-з5ш
    @РоманГирич-з5ш 2 года назад +29

    you are that Indian guy, whom I can clearly understand in English :D thanks for your work

  • @dorinstanciu5209
    @dorinstanciu5209 2 года назад +9

    Your Crash Courses are absolutely amazing. you are explaining everything nicely and give concise examples. I really like you teaching style and please do more arrow function based React projects(membership web-apps, recurring payments, online payments, restricted content to be visible only if a person is a member and paying a monthly subscription etc). Thank you and keep up the good work! Well Done!

  • @victoria-exito
    @victoria-exito 2 года назад +5

    I have learned so much, thank you! I did like this:
    export const Form = () => {
    const [username, setUsername] = useState(''); //username state variable and with an initial value of empty string
    const [description, setDescription] = useState('');
    const [country, setCountry] = useState('');
    const handleSubmit = (event) => {
    event.preventDefault() //to prevent the page refreshes
    alert(`Form data is:
    username= ${username},
    description= ${description} and
    country = ${country}`)
    console.log('Button clicked', event)
    }
    return(


    Username
    {
    setUsername(event.target.value)
    }} />
    Description
    {
    setDescription(event.target.value)
    }}
    >


    {
    setCountry(event.target.value)
    }}
    >
    --Please choose an option--
    Sweden
    Rumania
    Venezuela



    Submit


    )

  • @kenkioqqo
    @kenkioqqo 2 года назад +9

    Vishwas, I've learned how to build projects with Angular by watching your tuts, and I've been able to build several projects with those skills, and now, out of curiosity, I am watching this React tutorial just as an overview as I plan to learn the library in the near future. I just like the way you teach complex subjects and make them easy-to-understand for "non-A" students like me. Keep up the outstanding work bro.

  • @vinoobharadwaj
    @vinoobharadwaj 2 года назад +6

    You sir, are a GOD. For the first time today, in a year, I felt like ReactJS talked back to me, through your voice. The murky clouds of confusion have cleared up a lot. There is a long way ahead of me, but this crash course has set the pace properly for me. Such a fine channel for learners. Please keep up the good work. Many thanks again!

  • @hemanthkr537
    @hemanthkr537 2 года назад +4

    This is by far the best ever tutorial on React JS that I have come across. Thank you so much Vishwas, more strength and power to you :-)

  • @paulomorais5245
    @paulomorais5245 2 года назад +1

    Goodnight. I am Brazilian. I live in a city of beautiful beaches in the northeast of Brazil called Natal. Thank you for sharing your knowledge with people who, like me, are entering the world of programming. Sorry for the mistakes. I don't master the English language.

  • @JonnyLove
    @JonnyLove Год назад

    Best video for fully understanding react so far. I have learned some, but many others skip important steps or tell you to ignore a bunch of stuff which left me with a lot of questions which were all answered here in this video. Cheers!!

  • @princetoast
    @princetoast 5 месяцев назад

    Awesome course! I came here for a refresher on React, and now I learned how to use the useTransition hook which will be very useful in my future projects.

  • @81ghosh
    @81ghosh 2 года назад +13

    Hi Vishwas, I have learnt React by watching your React Fundamentals as well as React Hooks and Redux videos. It was really nice. I will request you to please launch a series in React Redux Toolkit as well as in React Hook Form and JEST, React Testing Library since those are in real demand in current JOB Market

  • @jasonako8813
    @jasonako8813 2 года назад +2

    I found it difficult to understand some concepts of react but Vishwas tutorials made everything so simple for me to understand...keep it up!!!

  • @utkukaanarasan6034
    @utkukaanarasan6034 2 года назад +2

    This type of knowledge in just 2 hours is really good. Keep it up mate

  • @dastyni13
    @dastyni13 2 года назад +1

    This was great to get me up to speed on the latest react conventions, coming from very old versions.

  • @beto5720
    @beto5720 2 года назад +2

    This was a great overall tutorial, specially by adding the transition hook at the end 👍

  • @martinirungu2381
    @martinirungu2381 2 года назад

    This is the channel foe every react developer out there, I mean his explantion can make a beginner go pro

  • @kedarpethe
    @kedarpethe 2 года назад

    One of the best React dev channels on youtube.... keep it up!!

  • @purushottamdubey5783
    @purushottamdubey5783 Месяц назад

    This is well presented and explained tutorial for beginners. I will highly recommend this to every one interested learning React. Thanks a lot

  • @sirijarmale
    @sirijarmale Год назад

    By far the BEST react tutorial on the internet.

  • @abisankabhattacharya4079
    @abisankabhattacharya4079 2 года назад

    I earnestly request you to please make an updated video of Angular, as I do genuinely follow your videos which truly helped me to learn.

  • @JJ-ot3ps
    @JJ-ot3ps 2 года назад

    so glad there is a crash course version I was about to watch your react course that has over 100 videos lol, hopefully all stuff is covered here too! thanks for your amazing course!

    • @priyabajaj8060
      @priyabajaj8060 Год назад

      Does it cover everything or there will be need to watch the playlist

  • @Curpop
    @Curpop 2 года назад +2

    One issue some might be facing is at 1:27:50 the empty array on line 13 [], should be an empty object instead {} . I tried changing it back to an array and it works?!? Great tutorial!!! thank you

  • @deindedawodu1563
    @deindedawodu1563 10 месяцев назад

    This was a GREAT refresher! Thanks for the awesome work!

  • @marlinjai
    @marlinjai Год назад

    Thank you a lot for releasing and giving away all that knowledge for free! Its highly appreciated :) Enjoy to keep creating ^^

  • @prabhakarmishra2182
    @prabhakarmishra2182 2 года назад +11

    Dear Vishwas I have been learning from your videos and I kindly request you, please launch a new series on React as it is four years since your last React videos, Now it is v18 and this is the proper time to launch a new series on React, please consider it, fro a new learner like me it is little tricky to differentiate between new changes and do the fine reading between new and old versions and the changes they bring along, I am very happy with your videos, lots of love and respect to you dear

    • @aldolhitlercondensation1363
      @aldolhitlercondensation1363 2 года назад +6

      um isn't this the new react video or were you referring to one which goes over more advanced topics?

  • @legdayenjoyer6000
    @legdayenjoyer6000 11 месяцев назад

    I was able to achieve creating the other two form inputs and fetch the data successfully

  • @mohammedshahed3432
    @mohammedshahed3432 2 года назад +6

    Vishwas Sir ! Need more tutorials from MUI. please go a bit advance in MUI please. and try to bring in REDUX TOOLKIT please that's the MUST. Please facing issues in production toolkit can help a lot as well as bring in React Native tutorials.

  • @MrRiteshkumar
    @MrRiteshkumar 2 года назад +7

    This crash course series is great for seasoned developers making their headway into React. Kudos for the effort. By the way love the theme and icon packs. Can someone tell which theme is he using?

  • @adhy612000151
    @adhy612000151 2 года назад +1

    Hello Sir!
    Your Video very clearly explaining step by step.
    Thanks a lot!
    God Bless You!

  • @Amitdaware
    @Amitdaware 2 года назад +2

    Hi Vishwas, Thank you for the tutorials , if it wasn't for your react series I would not have got the concepts of react. There is a little request though, Please make the tutorials for the REACT UNIT TESTING .🙏🏽🙏🏽

  • @sumitkumarsharma4004
    @sumitkumarsharma4004 2 года назад +1

    Your tutorial are great , easy to learn & quick catchup. Request for react testing library & cypress. Thank you in advance. And your great fan 🧡

  • @jonarieln.maravilla4663
    @jonarieln.maravilla4663 2 года назад

    cant believe this is free. thank you

  • @inversionmiami
    @inversionmiami 2 года назад

    Great Course. Best I have seen so far.

  • @JuanityTV
    @JuanityTV Год назад

    I able to achieve your assignment. Thank for you awesome tutorial.

  • @bobbyjaswal2384
    @bobbyjaswal2384 Год назад

    I needed this!! Thank you so much!

  • @dub161
    @dub161 2 года назад +1

    Thanks for this video. Its really great for revising.
    Please make React crash course series as you did for Javascript. It will be so dope.

  • @hamedderiis8553
    @hamedderiis8553 2 года назад

    Thanks, you make life easier 💐
    Please make a advance react crash course . Thanks a lot ❤️

  • @ikresimir
    @ikresimir Год назад

    Thanks for taking your time to explain React.

  • @pakliksiu9539
    @pakliksiu9539 2 года назад

    This channel is gold mine

  • @Mpc_youths
    @Mpc_youths 10 месяцев назад

    Task in the form handling section
    import { useState } from "react";
    export const Form=()=>{
    const[country,upDateValue]=useState('India');
    function update(event){
    upDateValue(event.target.value)
    }
    return {event.preventDefault();alert(`Your Country is ${country}`)}}>
    Select Your Country :
    India
    USA
    France
    Pakistan
    Dubai
    Other

    Submit

    }

  • @anubisai
    @anubisai 2 года назад

    Fantastic work here. Excellent. 🍾🥂🎉

  • @maxitomix
    @maxitomix Год назад

    this was excellent. Thank you so much!

  • @frankenbeans6930
    @frankenbeans6930 2 года назад

    Excellently presented. I subscribed and looking forward to more of your material.

  • @Live-hh6li
    @Live-hh6li Год назад

    Great tutorial
    Next time please use a high contrast font colour.

  • @jimaustin3608
    @jimaustin3608 2 года назад +5

    Any newbie (like me) who makes it to the end: the site Vishwas gets his data file from (1:37:41) is mockaroo (RUclips won't allow the full address with .com)

  • @Mrsudhakar229767
    @Mrsudhakar229767 2 года назад

    Wonderful tutorial... great presentation... thanks a lot for your clear cut guidance...

  • @sazk4000
    @sazk4000 2 года назад

    this is so much better than whoever wrote the React docs

  • @manoharam9037
    @manoharam9037 2 года назад

    Very Useful and easy to understand. Thanks for sharing the useful info.

  • @Misc_useful
    @Misc_useful 2 года назад

    super vishwas ... Keep up your good work

  • @poornishams6338
    @poornishams6338 2 года назад

    thank u . got precise understanding of the concepts😄😄

  • @melstadevosyan
    @melstadevosyan 2 года назад

    after this vid my life is up and running ;D

  • @motech8026
    @motech8026 2 года назад +3

    Vishwa we need react native course

  • @universal4334
    @universal4334 2 года назад

    Woah! Eagerly waiting for this.

  • @clementnnamdi4985
    @clementnnamdi4985 2 года назад

    Thanks for putting this together, it is quite helpful

  • @DK_iTech_1906
    @DK_iTech_1906 2 года назад

    nice content with broader clarity

  • @transcendentalpleasure1382
    @transcendentalpleasure1382 2 года назад

    Thank you very much I was in need of his Course 😘

  • @priteshmayekar2707
    @priteshmayekar2707 Год назад

    Wonderful content brother!! GBY

  • @monarchgam3r
    @monarchgam3r 2 года назад

    Hello sir, thank you for all you do… please consider a nestjs course in the future 🙏🏾

  • @Sacrifice97
    @Sacrifice97 2 года назад

    So much thanks it was really help full !

  • @viniciusm.m.7822
    @viniciusm.m.7822 2 года назад +1

    Excelente curso, brother! Obrigado!
    God bless you!

  • @coderjag8828
    @coderjag8828 2 года назад

    Great tutorial! Thank you bro

  • @LearnWithNeeraj777
    @LearnWithNeeraj777 2 года назад

    Voice of vishwas is hardcoded in my memory

  • @nadicadizdarevic2835
    @nadicadizdarevic2835 Год назад

    Thank you, great.

  • @chowdhury7796
    @chowdhury7796 2 года назад

    in one word just awesome❤❤❤

  • @panomapet9441
    @panomapet9441 2 года назад +1

    Please start building projects in React JS. E.g Portfolio website

  • @ShubhamPatil-rr4on
    @ShubhamPatil-rr4on 2 года назад

    You are doing great ♥️♥️♥️👍💯💻

  • @ragucool9468
    @ragucool9468 2 года назад

    How to make reusable component in angular ? Kindly make video bro.... thanks advance . Videos simply super

  • @portiseremacunix
    @portiseremacunix 2 года назад

    really good contents for react! thanks.

  • @findmyreligion
    @findmyreligion 2 года назад

    Excellent course brother ❤❤❤❤❤❤❤❤

  • @eliuddyn
    @eliuddyn 2 года назад

    This is amazing bro.. Thanks for sharing your knowledge 🔥🔥

  • @ShubhamPatil-rr4on
    @ShubhamPatil-rr4on 2 года назад +1

    Can we refer this tutorial for beginners..? Or check another playlist of your

  • @mansoorahmad822
    @mansoorahmad822 Год назад

    great work

  • @imikhan83
    @imikhan83 2 года назад

    Thank you!!!

  • @7七hconvict
    @7七hconvict 7 месяцев назад

    Is this must watch first before your NextJS tutorial?

  • @bhaveshgohel
    @bhaveshgohel 2 года назад

    Hi Vishwas,
    Thank you for the wonderful explaination.
    It would be great if you can share the slides. :)

  • @akshatsamdani
    @akshatsamdani Год назад

    Can you make a similar video on angular as well?

  • @ahadamin7361
    @ahadamin7361 2 года назад +1

    47:29

  • @nogafouz2174
    @nogafouz2174 2 года назад

    thanks alot

  • @AmolWankhede
    @AmolWankhede 2 года назад

    Great content

  • @nouchance
    @nouchance 2 года назад +2

    Hello Vishwas! I wanted to ask you if it makes sense to learn the class component of React? I'm a beginner developer. I'm waiting for your answer, thank you very much in advance.

  • @JIGNESHPATEL-qk4yg
    @JIGNESHPATEL-qk4yg 2 года назад

    nice tutorial 🙂

  • @hydro6527
    @hydro6527 2 года назад

    Awesome bro👌❤️👍

  • @5050U
    @5050U 2 года назад

    Excellent.
    Any plans to update Next JS course with Next 12 features ?

  • @GK4YOU
    @GK4YOU 2 года назад

    Hello, Vishwas please make the new series on react.

  • @kavithat6954
    @kavithat6954 Год назад +1

    Hi I'm getting this error while compiling the first created component, ERROR in ./src/App.js 4:0-39
    Module not found: Error: Cannot find file: 'Greet.js' does not match the corresponding name on disk: '.\src\components\greet.js'.

    • @athygiannopoulos2634
      @athygiannopoulos2634 11 месяцев назад

      Possible typo....did you name your file greet.js or Greet.js? Everything is case sensitive

  • @ExpatTraderFX
    @ExpatTraderFX Год назад

    1:03:55

  • @pushpakchinkate6030
    @pushpakchinkate6030 2 года назад +1

    Please add advance stuff in react 18

  • @wingmann3632
    @wingmann3632 2 года назад

    can you exlain why does react strict mode fires useEffect twise?? How can we write code which happens only if state changes ???

  • @Gourab__paul
    @Gourab__paul 2 года назад

    I was curious, on why did you remove the strictMode

  • @guyunknown9123
    @guyunknown9123 2 года назад

    Same as the 2018 Tutorial of React Fundamentals?

  • @oyewaletayo4026
    @oyewaletayo4026 2 года назад

    Hi, please what's the name of the plugin that auto import components in the video?

  • @mohammedshamil1626
    @mohammedshamil1626 2 года назад

    1:41:54 How is the list of names still there when there is literally nothing in the input field? Can anyone please explain?

  • @omarguerrero2847
    @omarguerrero2847 2 года назад

    why is it that when i try a closing tag it doesnt work. you have to use and instead @ 36:35

  • @arianitonline8748
    @arianitonline8748 2 года назад

    is it possible to code jsx files when importing react via the cdn and not as a node module?

  • @WarframeCrunch
    @WarframeCrunch 2 года назад

    I've done the filtering the last section but in my opinion it still doesn't work as it should.
    When I'm typing something the typing is not done on my press but with delay after all the rest data list is loaded.
    The input field should be free from bottlenecking, just the list shoudl be affected by bottlenecking.

  • @gigakvachakhia4777
    @gigakvachakhia4777 2 года назад

    how to deal with peer-deps error for testing libraries, as my create-react-app is not working (

  • @h051n
    @h051n 9 месяцев назад

    Please make a new react course!

  • @murtazakazmi7302
    @murtazakazmi7302 2 года назад

    At 7:46, I am getting an error of npx not recognized. Can anyone assist me?

  • @OasisFinder
    @OasisFinder 2 года назад

    i have learned Python thn Django for backend
    now after completing JS i am learning React , I need to know where i can find tutorial for building website by using Django and React