I Coded 10,000+ React Components, Here is What I Learned...

Поділитися
Вставка
  • Опубліковано 18 гру 2024

КОМЕНТАРІ •

  • @s-e-p-i-d-m
    @s-e-p-i-d-m 22 години тому +2

    hey Pedro, I just wanted to thank for this channel. Today I was reviewing which channels subscribed and yours remind me as a good thing. I used your videos to create some sample project to link them in my CV and they were very helpful. Those helped me to improve my CV and I was able to Immigrate. OMG, just realized today is 18 of month which is exact day I left country 14 months ago. Thanks young man.

    • @PedroTechnologies
      @PedroTechnologies  17 годин тому

      Wowww thats crazy! Good to hear :) Happy i was able to help you with that!

  • @sanmarchen
    @sanmarchen День тому +5

    Thanks, Pedro

  • @d_andreev
    @d_andreev День тому +4

    Great tips! I agree with pretty much everything, separating your business/ui logic in a hook or a service and unit testing it is definitely the best thing you can do for your app.
    Maybe one thing I can add to this list is just being as minimalistic as possible. A lot of people tend do bloat up react apps, whether it's by adding not so needed npm packages or just these small little pieces of code that don't look big in a PR, bring little to no value and as time passes on infest your codebase. I always try to ask myself/the people I work with, do we really need X, can we get away without Y? The less code the better :)

    • @PedroTechnologies
      @PedroTechnologies  День тому

      Good point! I tend to only use external packages if i feel like it will have a significant roi for my project!

  • @centralcoding
    @centralcoding Годину тому

    Thanks from Ethiopia.

  • @returncode0000
    @returncode0000 День тому +2

    Awesome, I am a big fan of all your videos, they are all very valuable.

  • @durgfestivalvibes
    @durgfestivalvibes 22 години тому +2

    Thanks for the video!
    Can you please make a video on building a production level React project in which we have the best practices,folder strcuture, custom hooks, remote state management etc.
    I have been working on react since 2 years but confused about everyhting.

    • @PedroTechnologies
      @PedroTechnologies  17 годин тому

      That's a great idea! I can think of a video structure that would teach that :)

  • @TabuHana
    @TabuHana День тому +3

    Amazing advice

  • @EUU100
    @EUU100 День тому +1

    Pedro in the video the first time you said "this react component" no components appeared on the screen. Thanks for sharing your knowledge 💎

  • @Alex.Shalda
    @Alex.Shalda 10 годин тому

    Thanks Pedro!

  • @mrinalg4600
    @mrinalg4600 День тому +2

    nice video
    discussing small details from the experiences
    make more of these, explaining details/practices of other tech and its workflow patterns deeply
    -ts, nextjs-mern (full stack projects), industry based

  • @tsdineshjai8565
    @tsdineshjai8565 День тому +2

    Good points !

  • @vortexdeo4545
    @vortexdeo4545 19 годин тому

    Make a big ass component refactor Video? -
    Like a mobile screen showing Lab partners available based on package selected and current location - where each partner has lab-tests listed, check for premium, sample pickup cost, overall cost, discount etc -
    And on choose component - a bottom sheet to select onboarded patient or relative, and then your address(also allow to add address via map), and date-time slot from choose partner slots -
    Also not to mention - all bottom sheet selections are opening and closing in this fixed order (closing address would open previous patient selection modal with selected patient)
    - The move to order review screen
    Applying such principles in huge logic handling on a single screen - becomes difficult

  • @jssecrets
    @jssecrets 23 години тому +2

    Hi Design Patterns 👋😊

  • @codefinity
    @codefinity День тому +1

    0:55 You're pointing in the air, but I don't see any code. Forgot to edit that in?

    • @PedroTechnologies
      @PedroTechnologies  17 годин тому +1

      Editor made a mistake lol but the examples i show right after explain it. Tbh i dont know how i didn't notice while watching it after the edit :/

  • @godofwar8262
    @godofwar8262 День тому +3

    I am building a yt clone full stack one currently working in frontend part and structure matters

  • @meekbronsen6668
    @meekbronsen6668 День тому +6

    You count the number of components you create, what?

    • @PedroTechnologies
      @PedroTechnologies  День тому +6

      Loll i made a calculation! I've been coding everyday in react for the past 6 years (job, youtube, personal businesses). Just for a project for a youtube vid i have to code on average 15 components, and i code the project twice. I have over 400 projects for youtube vids, thats already 12k not counting my full time job :)

  • @AlwaysWeb
    @AlwaysWeb День тому

    Thanks for sharing your valuable experience with react. I think global state is a topic that is easily misused by beginners, do you have any tips on how to recognize when global state is needed?

  • @assasionking7882
    @assasionking7882 20 годин тому +1

    Bro can you please tell me that should i stick to react and build more complex projects or shall i start learning next and start building stuffs with it please bro reply i need help

    • @PedroTechnologies
      @PedroTechnologies  17 годин тому

      Next and react are the same thing. My guess is you use vite to create your react app right? (or even CRA). Next is just an alternative to that, its like normal react with some seasoning on top. If you feel comfortbale with building projects in react, there is no problem with learning next. However don't keep jumping between stuff, like, don't learn next for 3 months and then try learning remix for no reason. Stick to one and master it :)

  • @sandunlasantha
    @sandunlasantha День тому +2

    Your videos really helped to boost my journey 🚀💡 Could you please do a video on tRPC? 🙏✨

  • @hardwired66
    @hardwired66 10 годин тому

    More about advance custom hooks

  • @Human_Evolution-
    @Human_Evolution- День тому +1

    After 10k components, I learned that AI can do it with 1 sentence of English.
    (Slightly kidding)

  • @aymenbachiri-yh2hd
    @aymenbachiri-yh2hd День тому +1

    thanks

  • @teliiz
    @teliiz День тому +1

    cara, top demais!

  • @svdden_strike
    @svdden_strike День тому +1

    CAN you please do a MERN stack tutorial. Most of the tutorials are outdated completely for beginners

  • @fatimaarshad8100
    @fatimaarshad8100 23 години тому +1

    Good to see you! I love your videos; the way you teach is amazing :)

  • @IbrahimAbdi_
    @IbrahimAbdi_ День тому +2

    Redux really be annoying

  • @sahed9
    @sahed9 День тому

    💖💖

  • @sougataghar1179
    @sougataghar1179 День тому +1

    10000 isn't possible lol,i believe within 100

    • @PedroTechnologies
      @PedroTechnologies  День тому +1

      I did the calculations 😎 I've been working with react for the past 6 years, i code everyday due to my job + youtube and i write multiple components per vid so it goes above 10k