Everything You Need to Know About React 19

Sdílet
Vložit
  • čas přidán 1. 06. 2024
  • React 19 is finally here! Bringing new features and APIs to the frontend world and for all React lovers. Learn about every new React 19 feature and API in one video in 20 minutes.
    🎉Our Newsletter is live! Join thousands of other developers
    islemmaboud.com/join-newsletter
    🐦 Follow me on Twitter: / ipenywis
    🔴 Chapters
    00:00 Intro
    00:30 useTransition hook
    03:18 useStateAction hook
    06:14 useFormStatus hook
    07:44 useOptimistic hook
    10:58 New API: use()
    14:41 Server Components & Actions
    15:48 Other Improvements
    16:41 Form Actions
    17:41 Context
    18:43 Better Error Reporting
    19:02 Document Metadata
    20:03 Custom Elements
    -- Special Links
    ✨ Join Figma for Free and start designing now!
    psxid.figma.com/69wr7zzb1mxm
    👉 ✨ Join Figma For Professionals And Start Designing with your Team ✨
    psxid.figma.com/ucwkx28d18fo-...
    -- Watch More Videos
    🧭 Build Login/Register API Server w/ Authentication | JWT Express AUTH using Passport.JS and Sequelize
    • Build Login/Register A...
    🧭 Turn Design into React Code | From prototype to Full website in no time
    • Turn Design into React...
    🧭 Watch Tutorial on Designing the website on Figma
    • I Design a onecolor We...
    🧭 Watch Create a Modern React Login/Register Form with smooth Animations
    • Create a Modern React ...
    🧭 Debug React Apps Like a Pro | Master Debugging from Zero to Hero with Chrome DevTools
    • Debug React Apps Like ...
    🧭 Master React Like Pro w/ Redux, Typescript, and GraphQL | Beginner to Advanced in React
    • Master React Like Pro ...
    🧭 Learn Redux For Beginners | React Redux from Zero To Hero to build a real-world app
    • Debug React Apps Like ...
    🧭 Introduction to GraphQL with Apollo and React
    • Introduction to GraphQ...
    🐦 Follow me on Twitter: / ipenywis
    💻 Github Profile: github.com/ipenywis
    Made with 💗 by Coderone

Komentáře • 25

  • @mounirbougueliane
    @mounirbougueliane Před měsícem +10

    خويا السطايفي .. شفتك عند واحد في تيكتوك .. معلباليش بلي عندنا كفاءات هكذا في بلادنا .. ربي يبارك

  • @boomba118
    @boomba118 Před měsícem

    amazing video, thank u very much

  • @kamala5564
    @kamala5564 Před 29 dny

    very useful video, thanks!

  • @davidmwas902
    @davidmwas902 Před měsícem

    Great staff..🚀🚀

  • @youcefdeveloper
    @youcefdeveloper Před měsícem

    Awesome recap, thank you Islam!

  •  Před měsícem

    Perfect stuff thank you so much for your time

  • @GodxMeetYT
    @GodxMeetYT Před měsícem

    Which extension you are using to hide the tailwind classes in vs code?

  • @wahidslimani7237
    @wahidslimani7237 Před měsícem

    interesting topic

  • @mouad_DEV
    @mouad_DEV Před měsícem

    What is the name of the icon theme you are using in vs code🎉😅

  • @markokraljevic1590
    @markokraljevic1590 Před 5 dny

    do you have github repo with this code?

  • @Beyram1501
    @Beyram1501 Před měsícem +1

    That's not what useTransition is for 😅. It's used to keep the ui responsive while an intensive state update is happening

    • @dinoscheidt
      @dinoscheidt Před měsícem

      To be fair, the example at 1:17 is close may it be blocking 4 seconds or async

  • @nguyenhauthanh4559
    @nguyenhauthanh4559 Před 13 dny

    Can share link code for me ?

  • @rishiraj2548
    @rishiraj2548 Před měsícem

    🙂👍💯

  • @magicalTom
    @magicalTom Před 22 dny

    这是什么主题

  • @sadaouimohamed2088
    @sadaouimohamed2088 Před měsícem

    بالعربية يا اسلام علاه عليك

  • @auroramagdas9331
    @auroramagdas9331 Před dnem

    So react is just bringing more useless stuff to the library, and making this already ugly library , uglier ….

  • @abdelkadersebihi6983
    @abdelkadersebihi6983 Před měsícem

  • @xxXAsuraXxx
    @xxXAsuraXxx Před měsícem

    The only interested feature i like in React 19 is the React Forget and the built in header meta. The rest looks MEH to me xD

    • @sohamnandi7526
      @sohamnandi7526 Před měsícem

      React Forgot or React Compiler is not shipping with React 19

    • @xxXAsuraXxx
      @xxXAsuraXxx Před měsícem

      @@sohamnandi7526 ye like react 25