7 Mistakes Most Junior React developers make

แชร์
ฝัง
  • เผยแพร่เมื่อ 1 ก.ค. 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)

  • @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.

  • @vamshikrishna6001
    @vamshikrishna6001 2 หลายเดือนก่อน +1

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

  • @ajiteshmishra0005
    @ajiteshmishra0005 4 วันที่ผ่านมา

    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.

  • @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 :)

  • @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?

  • @kumarswamy-sr9zm
    @kumarswamy-sr9zm หลายเดือนก่อน

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

    • @RoadsideCoder
      @RoadsideCoder  หลายเดือนก่อน

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

  • @henokr.1016
    @henokr.1016 2 หลายเดือนก่อน

    Waiting for your React 19 Full Stack Course

  • @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 ❤

  • @tarundurbha5398
    @tarundurbha5398 หลายเดือนก่อน

    awesome

  • @Pransshhh
    @Pransshhh 2 หลายเดือนก่อน +1

    11 seconds