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.
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 :)
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.
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
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
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 :)
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?
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
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 :)
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
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.
Wowww thats crazy! Good to hear :) Happy i was able to help you with that!
Thanks, Pedro
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 :)
Good point! I tend to only use external packages if i feel like it will have a significant roi for my project!
Thanks from Ethiopia.
Awesome, I am a big fan of all your videos, they are all very valuable.
Glad you like them!
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.
That's a great idea! I can think of a video structure that would teach that :)
Amazing advice
Pedro in the video the first time you said "this react component" no components appeared on the screen. Thanks for sharing your knowledge 💎
Sorry about that, editing mistake :/
Thanks Pedro!
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
Good points !
Glad you liked it!
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
Hi Design Patterns 👋😊
0:55 You're pointing in the air, but I don't see any code. Forgot to edit that in?
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 :/
I am building a yt clone full stack one currently working in frontend part and structure matters
You count the number of components you create, what?
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 :)
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?
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
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 :)
Your videos really helped to boost my journey 🚀💡 Could you please do a video on tRPC? 🙏✨
Glad to hear! Yeah i can :)
More about advance custom hooks
After 10k components, I learned that AI can do it with 1 sentence of English.
(Slightly kidding)
thanks
cara, top demais!
CAN you please do a MERN stack tutorial. Most of the tutorials are outdated completely for beginners
I have some but will post more!
@ thanks
Good to see you! I love your videos; the way you teach is amazing :)
Glad you enjoy it!
Redux really be annoying
lol yes
@PedroTechnologies let me just stick to zustand, context api
💖💖
10000 isn't possible lol,i believe within 100
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