How To Increase Performance in React Apps

[@vamsisaikrishna2040]

Tutorial on React Dev Tools and how to optimize performance would be great and love to see that.

[@gautamjuyal]

Keep up the good work man. I honestly find your content informative and easy to understand.

[@faizanahmed9304]

Thank you man for these vidoes, please upload more content like this! Your's firebase video was lit 🔥.

[@waleedsharif618]

question: what do you think of nextjs? Nextjs is for server-side rendering and i know it but cuz nextjs has many good things such as routing, can i use nextjs for client-side rendering ? Is there any difference if i use react for client-side rendering vs nextjs?

[@nirajgurung8348]

Tutorial on React Dev Tools would be great.

[@kashmirtechtv2948]

Then why isn't a straight forward case of use ref? I mean when we have to keep some check boxes checked for later use...

[@lalagisaa]

which theme do u use on ur VS code, please ? looks great

[@chesterxp508]

GoodJob! We wait for performance tutorial!!!

[@damm_coder4550]

Your videos are really helpful 😊

[@amalmurikkoli7629]

Hey Pedro, how good you are in OOPS, data structures and algorithms and how much you need it for the web development

[@cecilec9234]

Ooo I would love a tutorial on optimizing with React Dev Tools!

[@mohammadghandour4756]

Hello, thanks for the tips and for your hard work. I personally would appreciate a video about progressively fetching data with react, express, and mysql. Thank you for your efforts !

[@dhirajsurana5471]

Please create a video on react virtualized, will be very helpful.

[@zidaneorangindonesia9675]

Awesome dude keep up the videos

[@tatendamuzenda8442]

lets get this guy to a million subscribers

[@islamis_powerful]

they use graphql as well for fetching lists

[@eavoutdom190]

I need next.js content!

[@PriyankBolia]

Would love a profiler detailed video.

[@joaojosesebastiao9972]

Pedro u can make a tutorial about react virtualize?

[@islamis_powerful]

if we have scenario in which we have 5-6 or multiple input fields, we'll have to create refs for every field. This is expensive.

[@kashmirtechtv2948]

I ha the same thoughts

[@AshtonMotana]

Screw css libraries. I like my custom animations. It's super easy to do, and I control it.

[@Gustavo-bi4hv]

Conteúdo top, mano.

[@soultouchingsongs]

Awesome 👍

[@heitormbonfim]

Mano, faz um video falando sobre como é trabalhar em uma empresa grande como a Twitch. Como foi tua experiência, como lidou com os problemas que iam aparecendo, a pressão, etc

[@lirimh5n]

make a video about design pattern such as Atomic pattern

[@BalaBmyprof]

Thank you

[@Mohit-bk4nu]

I dont think building the components that have already been created is dumb at all, specially for beginners because seeing what a component can do and then building it yourself, makes one elevate their logic building which for sure is going to help them in future, when THEY will create stuff that people are going to use. Maybe in large projects that dont have much longer timeline you can use and customize those components but for beginners, yeah you can build your own components and make it reusable.

[@sadique_x_]

Please make the video on Chrome dev tools

[@Trazynn]

I still suck at styling html with css through a stled component. Most tutorials only show how to style one class to one div without explaining what happens when you start adding multiple classes. Copying and pasting ordinary css certainly doesn't do the trick. Referring to a stylesheet works but that's no use if the platform requires styled components.

[@TheBswan]

There is no tutorial to get good at CSS. Build and style your own projects, feel the pain of writing bad CSS, look up how to solve your problems. Also valuable is revisiting basics of CSS. Ignore component libraries and tailwind until you feel confident writing vanilla CSS, because you'll be much more effective with those technologies if you have the fundamentals.

[@zachary.ramsumair]

Legend

[@skrskrskrr5033]

Gj you save 10ms. React is super efficent in rerendering small thing like this so you acomplished nothing and even its recomented not to use refs in this situation in react docs

[@PedroTechnologies]

I mentioned in the last example that all of the the small things I mentioned in the video are not 100% necessary. I explain that my method for increasing performance is finding issues and fixing them. Also, I mentioned that this stuff may seem insignificant for us when our programs are small and are running on good computers with good internet, but its important to consider all users using the app.

[@raht9578]

thanks pedotech

[@21agdmnm]

pfff stopped watching when heard about useRef. Read the docs..

[@kashmirtechtv2948]

What?

[@MegaSpiderpunk]

video content is not expressed in a way for video retention.

[@kashmirtechtv2948]

Your knowledge is nit accurate brother. Material UI applies tree shaking and only use things that our app will use

[@thomasweigert731]

First? :)

[@gianvaldiris5110]

First

[@nikbivation]

Second