How To Increase Performance in React Apps

Рет қаралды 25,590

Жыл бұрын

In this video I will go over 4 tips and tricks on how to increase performance in your react applications.
Join our Discord: / discord
🚀 Learn ReactJS By Building 6 Projects: codedamn.com/learn/reactjs-pr...
🐙 GraphQL Course: codedamn.com/learn/graphql-fo...
► Buy Crypto on Coinbase: coinbase-consumer.sjv.io/PedroTech
Social
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Website: machadopedro.com
Linkedin: / machadop1407
Instagram: / pedro.fmachado_
Github: github.com/machadop1407
Business Email: pedro@pedrotech.co
Tags:
- ReactJS Tutorial
- ReactJS and MySQL
- NodeJS Tutorial
- API Tutorial
#reactjs #performance

Пікірлер: 40

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

@damm_coder4550 Жыл бұрын

Your videos are really helpful 😊

@zidaneorangindonesia9675 Жыл бұрын

Awesome dude keep up the videos

@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 !

@psicotrogato Жыл бұрын

Tutorial about React Tools... I wait it.. thanks a lot for your time and explanations. Good look

@nirajgurung8348 Жыл бұрын

Tutorial on React Dev Tools would be great.

@chesterxp508 Жыл бұрын

GoodJob! We wait for performance tutorial!!!

@BalaBmyprof Жыл бұрын

Thank you

@amalmurikkoli7629 Жыл бұрын

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

@Gustavo-bi4hv Жыл бұрын

Conteúdo top, mano.

@lalagisaa Жыл бұрын

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

@soultouchingsongs Жыл бұрын

Awesome 👍

@dhirajsurana5471 Жыл бұрын

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

@cecilec9234 Жыл бұрын

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

@PriyankBolia Жыл бұрын

Would love a profiler detailed video.

@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

@eavoutdom190 Жыл бұрын

I need next.js content!

@zachary.ramsumair Жыл бұрын

Legend

@joaojosesebastiao9972 Жыл бұрын

Pedro u can make a tutorial about react virtualize?

@islamis_powerful Жыл бұрын

they use graphql as well for fetching lists

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

@tatendamuzenda8442 9 ай бұрын

lets get this guy to a million subscribers

@lirimh5n Жыл бұрын

make a video about design pattern such as Atomic pattern

@AshtonMotana 6 ай бұрын

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

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

@sadique_x_ Жыл бұрын

Please make the video on Chrome dev tools

@Mohit-bk4nu 8 ай бұрын

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.

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