7 Mistakes Most Junior React developers make

Поділитися
Вставка
  • Опубліковано 22 лип 2024
  • ➡️ My Frontend Interview Preparation Course - roadsidecoder.com/course-details (50% Discount)
    🟪 My Instagram - / roadsidecoder
    ➡️ Book an Interview Preparation call with me - topmate.io/roadsidecoder
    Let's discuss 7 Mistakes that a lot of junior as well as senior developers make while coding in React JS. We will also discuss the best practices to follow instead of these mistakes.
    🔗 React JS Interview Series -
    • Frontend Machine Codin...
    👤 Join the RoadsideCoder Community Discord -
    / discord
    🔗 MERN Stack Chat App Tutorial -
    • MERN Stack Chat App wi...
    🔗 Complete Data Structures and Algorithms with JS Course - • Data Structures and Al...
    🔗 JS Interview Series -
    • Javascript Interview Q...
    🔗 Cars24 Interview Experience -
    • Frontend Interview Exp...
    🔗 Unacademy Interview Experience -
    • Frontend Interview Exp...
    🔗 Tazorpay Interview Experience -
    • Frontend Interview Exp...
    🔗 React Beginner's Project Tutorials -
    • React JS Project Tutor...
    #JavascriptInterview #ReactInterview #ReactJS
    -------------------------------------------------------------------------
    00:00 Intro
    00:16 Mistake 1
    01:59 Mistake 2
    02:48 Mistake 3
    05:22 Mistake 4
    06:43 Mistake 5
    07:35 Mistake 6
    08:53 Mistake 7
    -------------------------------------------------------------------------
    ⭐ Support the channel -
    / @roadsidecoder
    Special Thanks to our members -

КОМЕНТАРІ • 25

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

    Roadside to Dream Job - Frontend Interview Prep Course
    roadsidecoder.com/course-details (50% Discount for limited time)

  • @vamshikrishna6001
    @vamshikrishna6001 2 місяці тому +1

    Expecting much more advanced javascript & react concept videos this way with good explanation. Thanks a lot 🎉

  • @akileshrao
    @akileshrao 2 місяці тому +1

    I'm not sure whether the first part of point 6 is true. You can very well use the fetch method inside the useEffect the way you did it and it would work exactly the same. The solution makes sense when you consider code organization/reusability but otherwise it's effectively the same.

  • @GhanshamIrashetti
    @GhanshamIrashetti 2 місяці тому +1

    Why in given series you not used redux to fetch data, their is option to set fetching status like loading error and more?

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

      which series?

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

      @@RoadsideCoder sorry I mean is in this video, you used context to manage state I'm correct sir?

  • @loudcapricorn5513
    @loudcapricorn5513 2 місяці тому +1

    In the mistake 6, timestamp @8:46 min.
    Why using the function & calling it is better instead of directly using fetch data ? I did not understand the reason for that

    • @RoadsideCoder
      @RoadsideCoder  2 місяці тому +1

      This separation of concerns makes your codebase more maintainable and less prone to bugs related to incorrect dependencies. Sometimes it has been seen that this approach creates some unintended side effects while mounting and unmounting the component.

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

      @@RoadsideCoder Thank you :)

  • @ajiteshmishra0005
    @ajiteshmishra0005 26 днів тому

    Brother, please create one video on Redux and Redux Toolkit in any React Application so that we can lear Redux from scratch........
    Also, JWT authentication and authorisation technique in any React Project.

  • @Prince-hy9ng
    @Prince-hy9ng 2 місяці тому

    brother iam thinking about to buy your course to learn react but i have one doubt you have make one major project in react in your course or not ? can you please tell me?

    • @RoadsideCoder
      @RoadsideCoder  2 місяці тому +1

      It has lot of good machine coding projects, along with a big shopping cart app

    • @Prince-hy9ng
      @Prince-hy9ng 2 місяці тому

      @@RoadsideCoder sir one more question are u covering react 19 new features when react 19 is officially launched?

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

    awesome

  • @kumarswamy-sr9zm
    @kumarswamy-sr9zm 2 місяці тому

    Bro this course has life time Access? and new content is added every month?

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

      3 years access, you can check the course curriculum on the website - roadsidecoder.com/course-details

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

    i watch these videos but i dont get to implement them
    i know all these
    when i go to code I just create mess

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

      Its ok, Try to go back to your projects now and check if you can fix these things, eventually you will get better

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

      Yep

  • @Kamal-216
    @Kamal-216 2 місяці тому

    Today I learned useful code optimation technics, thank you bro ❤

  • @henokr.1016
    @henokr.1016 2 місяці тому

    Waiting for your React 19 Full Stack Course

  • @Pransshhh
    @Pransshhh 2 місяці тому +1

    11 seconds