UseEffect Mistakes Every Beginner Should Avoid

Ғылым және технология

The first 1,000 people to use the link will get a 1 month free trial of Skillshare: skl.sh/pedrotech11221
In this video I will be showing some useEffect mistakes that beginners usually commit.
Join our Discord: / discord
🚀 Learn ReactJS By Building 6 Projects: codedamn.com/learn/reactjs-pr...
🐙 GraphQL Course: codedamn.com/learn/graphql-fo...
► Buy Crypto on Coinbase: coinbase-consumer.sjv.io/PedroTech
Social
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Website: machadopedro.com
Linkedin: / machadop1407
Instagram: / _pedro.machado_
Github: github.com/machadop1407
Business Email: pedro@pedrotech.co
Timestamps:
00:00 | Intro
01:46 | UseEffect and Component Lifecycle
12:33 | UseEffect vs React Query
Tags:
- ReactJS Tutorial
- ReactJS and MySQL
- NodeJS Tutorial
- API Tutorial
#reactjs #coding

Пікірлер: 44

  • @PedroTechnologies
    @PedroTechnologies Жыл бұрын

    The first 1,000 people to use the link will get a 1 month free trial of Skillshare: skl.sh/pedrotech11221

  • @someonewhowantedtobeahero3206
    @someonewhowantedtobeahero3206 Жыл бұрын

    Really neat, these are mistakes even veterans sometimes end up making, specially when coding for too long 🙂

  • @Tesla3X2
    @Tesla3X2 Жыл бұрын

    Great content Pedro, keep up with increasing quality content , concise & clear content.

  • @Metalvain4
    @Metalvain4 Жыл бұрын

    You’re spot on with how programming learning works. I’ve been hearing useEffect as a buzzword for a while. I’ve used it but never really understood it, I just knew I needed it. This video helped a few things click. Thank you.

  • @notappi3982
    @notappi3982 Жыл бұрын

    so a quick tip for all i know most of you must already know this. at (14:38) Mount was executing first than fetch because fetch always return a promise which is async in nature thus JS engine will not wait for it instead and it will move to next line for execution. just printing mount firstly on console than the fetched Data. Thanks

  • @umangbhatnagar1415
    @umangbhatnagar1415 Жыл бұрын

    Loads of Respect and Love from India Brother, you doing an amazing job. Just Never Stop. Your GraphQl series really and hugely impacted me in a positive way. Thanks for that and for every effort you making here!!

  • @faizanahmed9304
    @faizanahmed9304 Жыл бұрын

    Thank you Pedro! Very informative video about useEffect.

  • @ShurikenBobomb
    @ShurikenBobomb Жыл бұрын

    Thank you, Pedro! I just subscribed to your channel! 🙂

  • @DBDrumss
    @DBDrumss Жыл бұрын

    Great video, now to watch it...

  • @christerjohanzzon
    @christerjohanzzon Жыл бұрын

    Pedro is great! Spot on with your content, I love it! :)

  • @eshw23
    @eshw23 Жыл бұрын

    Hey Pedro! I was wondering if you can make a MERN tutorial in the near future, just like you made a React and firebase project.

  • @AdarshaCoder
    @AdarshaCoder8 ай бұрын

    Great Information about useEffect hook, every React developers should know about this. I would prefer to use async/await function to make an API calls. I observed that - It suspends the function when It makes an API call and waits for the result then continues with remaining lines of that async function but it won't stop the execution during the async function suspended, it continues to run with other statements and it calls back the suspended function once the calls stack is empty and results are available from the API call

  • @sonamohialdin3376
    @sonamohialdin3376 Жыл бұрын

    Very useful tutorial thank you

  • @abdessamade6995
    @abdessamade6995 Жыл бұрын

    very helpul video thank you

  • @sh44ko58
    @sh44ko58 Жыл бұрын

    Hey Pedro, can u make a simple Tutorial, where you make a simple signup/Login Field with Cookies and routing. Your Last Cookie Tutorial was rly good, but i wasnt able to use the Cookies with in other components.

  • @srmback
    @srmback Жыл бұрын

    I like your intro sound bro!

  • @user-nu4so7zg8r
    @user-nu4so7zg8r Жыл бұрын

    @PedroTech can you make a video about analysing site performance ?

  • @Chriss-cn1ch
    @Chriss-cn1ch Жыл бұрын

    Loving the new intro

  • @yigitruzgaruzun7289
    @yigitruzgaruzun7289 Жыл бұрын

    Thanks

  • @hello-world556
    @hello-world556 Жыл бұрын

    Why project with firebase and react slower on web compared to firebase with flutter any answers

  • @timleb3141
    @timleb3141 Жыл бұрын

    why the string "Updating" in console only occur once at 5:10? According to the strict mode at 3:58, it should execute twice .

  • @Davi-wv8mi
    @Davi-wv8mi Жыл бұрын

    thks Pedro

  • @thebasttv1494
    @thebasttv1494 Жыл бұрын

    i love u men that s Great video

  • @kudakwashemtudza4608
    @kudakwashemtudza4608 Жыл бұрын

    predo hi im from zimbabwe.........if you are reading this i juss want you to know that you are doing a great job and may GOD ALMIGHTY bless you abundandely.

  • @sirdragoon4625
    @sirdragoon4625 Жыл бұрын

    How to make an API call if we want data before the component mounts in React hooks? can anybody pls explain!!

  • @gerwincristobal8064
    @gerwincristobal8064 Жыл бұрын

    Hello pedro Im on a project right now. I Creating a CRUD but i need to refresh the page to refetch the data, how can I make the table realtime? Im using react, Node, Mysql

  • @JohanDG7

    @JohanDG7

    Жыл бұрын

    Not sure if I understand your problem but: Fetch the data again right after you added new data.

  • @jatilyadav4000
    @jatilyadav4000 Жыл бұрын

    Always the best

  • @kurniamassidik5798
    @kurniamassidik5798 Жыл бұрын

    Can i ask something sir ? Why people prefer choose promise then try and catch, thanks before.

  • @PedroTechnologies

    @PedroTechnologies

    Жыл бұрын

    I wouldn’t say that people in general prefer one or the other. I feel like since promises was the standard first, a lot of projects already use it, so it wouldn’t make sense to change. I personally go with whatever my company is using, unless im writing my own project, which in that case i use async await and try catches

  • @kurniamassidik5798

    @kurniamassidik5798

    Жыл бұрын

    @@PedroTechnologies thanks sir for the answer 💯

  • @oncoding4520
    @oncoding4520 Жыл бұрын

    commented and liked for better reach

  • @oncoding4520

    @oncoding4520

    Жыл бұрын

    Do you have any suggestions how to do a great read me file, but not something that everyone does :D

  • @PedroTechnologies

    @PedroTechnologies

    Жыл бұрын

    Thats a genius idea for a shorts lmaoo I will record one and reply to u with the link!!

  • @oncoding4520

    @oncoding4520

    Жыл бұрын

    @@PedroTechnologies Thank you. Im leaving bcs I need to watch your video from mistakes that we do on useEffect :)

  • @aslaii1873
    @aslaii187311 ай бұрын

    Damn, I really want to click away. The video took almost 2 minutes to get to the video.

  • @marianaangel5338
    @marianaangel5338 Жыл бұрын

    I am really waiting for Next + redux video, as you promised me

  • @PedroTechnologies

    @PedroTechnologies

    Жыл бұрын

    Its coming! I had a very hard time with personal stuff this past month, so thats why i ended up not posting for 2 weeks. But now, everything will be back even better then before 🔥

  • @marianaangel5338

    @marianaangel5338

    Жыл бұрын

    @@PedroTechnologies Welcome back! You seem to be on fire!

  • @anass.codes1
    @anass.codes1 Жыл бұрын

    useQuery in common cases is over engineering

  • @EdwinManual

    @EdwinManual

    Жыл бұрын

    It’s not.

  • @anass.codes1

    @anass.codes1

    Жыл бұрын

    ​@@EdwinManual Well, it may not be necessary for every project but stills a great easy tool to use if you want to satisfy some complex requirements on the way you fetch data, that's why I think that using it for such simple use cases is not what it's meant to be

  • @EdwinManual

    @EdwinManual

    Жыл бұрын

    ​@@anass.codes1 For devs who think fetching data from API can be implemented using JS fetch may think React Query as an overkill. But most of the time when you are building a REAL MODERN APP you need to take care of few other things as well everytime you do an API call. Such as loading state, error state, refecthing and cache invalidation etc. I am not saying these all other things are not possible without React Query but you can save a lot of time and your sanity if you use React Query. If you don't care about above mentioned features while doing API calls. You don't even need React in the first place. Because you are building web apps just feels like they are from the PHP5 era.

  • @judson4902
    @judson4902 Жыл бұрын

    Love the videos. You are missing out = P r o m o S M !

Келесі