How To Maximize Performance In Your React Apps

  Рет қаралды 105,678

Web Dev Simplified

Web Dev Simplified

Күн бұрын

Пікірлер: 74
@gosnooky
@gosnooky Жыл бұрын
Fantastico. The BIGGEST issue I see these days are people developing on state-of-the-art machines and don't bother to check performance on slow and older devices. This has huge implications if you want to target users in developing countries where most people are using older Android mobile devices with slow mobile connections (or even slow Wifi).
@rayaqin
@rayaqin 5 ай бұрын
it would have been a lot better if you removed a realistic issue that was slowing down rendering instead of a sleep function
@ahmedsherif3116
@ahmedsherif3116 Жыл бұрын
when I saw the title I jumped right away to watch ❤ keep it going your content is just perfect ❤❤
@tririfandani1876
@tririfandani1876 Жыл бұрын
Yes. More performance videos please
@jnsjknn
@jnsjknn Жыл бұрын
This is great. Would you make a video about compression and other things affecting PageSpeed Insights Score / SEO?
@eminm6383
@eminm6383 Жыл бұрын
If you use lazy loading in react, you will get really good score.
@jnsjknn
@jnsjknn Жыл бұрын
@@eminm6383 it sure helps but there's other things too
@Cannn414
@Cannn414 Жыл бұрын
This is exactly what I am needing right now thank you
@sc76399
@sc76399 Жыл бұрын
As a react Dev for 5/6 years the profiler if about the only thing I've never really used or understood the graph it displays
@avikroy1236
@avikroy1236 Жыл бұрын
Checked your project...nice for every kind of functionality and hook practice
@aliplaysgtr
@aliplaysgtr Жыл бұрын
Excellent information, thanks man!
@IAMTHEMUSK
@IAMTHEMUSK Жыл бұрын
Can you do a video on how to optimise the cold start time using nextjs ssr?
@zakidzz
@zakidzz Жыл бұрын
hi can you do a vedio about costumizing shad cn an advanced course about iy
@aurobindobhuyan2107
@aurobindobhuyan2107 Жыл бұрын
Nice video
@theidanking
@theidanking Жыл бұрын
thank you! but dam 84 times render for each cycle about 20ms that's so slow, In my university I calculate instructions that take pc or ns, not ms. Is there not an option to make it render fewer times? it sounds so much and only for a table
@pb_y43
@pb_y43 Жыл бұрын
I just don't like to use react of anything
@lallenfrancisl
@lallenfrancisl 6 ай бұрын
Such a good video but very low number of views
@Pavel_k7
@Pavel_k7 Жыл бұрын
Is there any way to use it with next js projects?
@EricSundquistKC
@EricSundquistKC Жыл бұрын
OMG, I've been using these tools all wrong! Thanks a million. 👍
@pottaz
@pottaz Жыл бұрын
This is a great video. I almost unsubscribed to this channel because of all the clickbait thumbnails with you "screeming" etc. No need for that. Keep to this great content and thumbnails that make sense.
@arindam_chowdhury
@arindam_chowdhury Жыл бұрын
I have always wanted a thorough breakthrough of using the React profiler. Thank you so much!
@ashishprasad1963
@ashishprasad1963 10 ай бұрын
breakdown*
@jklyfg9893
@jklyfg9893 2 күн бұрын
Does someone really use Profiler in daily routine work? For me it is useless
@devsDojo
@devsDojo Жыл бұрын
This is lesser talked about. I'm glad that you brought them with such amazing explanation.
@NavySturmGewehr
@NavySturmGewehr Жыл бұрын
Do you have anything that deals with arrays of state? I'm really struggling with state management for arrays of objects.
@rishadali2866
@rishadali2866 Жыл бұрын
What type of state management I'm also learning web dev wanna connect
@thefuntech2810
@thefuntech2810 Жыл бұрын
Whole video explaination is going bounce from my head 😅😅
@Entertainment-km4ky
@Entertainment-km4ky 17 күн бұрын
Great Info
@MaylorTaylor
@MaylorTaylor Жыл бұрын
I would love a video on how to do optimize React apps with Webpack for both dev and production environments. There are so many plugins and tools to minify and condense code!
@mohammadsubhan1524
@mohammadsubhan1524 3 ай бұрын
Thanks ❤
@HHJoshHH
@HHJoshHH 2 ай бұрын
Thank you so much Kyle. I'm really learning a lot from your channel. But what if you had an issue where the modal opens and closes but once it's closed the page goes dead and nothing works. How would you go about finding the issue?
@ziontutorial
@ziontutorial Жыл бұрын
can you make how to debug from source debugging technique react app from chrome dev tool .
@investneur8232
@investneur8232 8 ай бұрын
Fnatastic video..should we use lighthouse or react profiler for undersatynding perfromance issues in react appaclition ?
@AbhijeetKaushal-k4r
@AbhijeetKaushal-k4r Ай бұрын
Thanks a lot, always wanted a deep dive on how to use the profiler as it seemed confusing to me, also this helped me in debugging multiple things. Really helpful !
@kalen658
@kalen658 10 ай бұрын
"While others are incredibly slow" *clicks on link, it almost immediately loads 😂
@moonlightCR7
@moonlightCR7 Жыл бұрын
Thank you so much Kyle, This is the video I was looking for. ❤from Pakistan
@thisguy5718
@thisguy5718 Жыл бұрын
this is such a golden thing to learn , thank you
@akahades11
@akahades11 Жыл бұрын
anyone knows why react developer tools not working for next app dirr ?
@user-gm3lg8gp3m
@user-gm3lg8gp3m Жыл бұрын
This is so valuable, thanks!
@babayaga6172
@babayaga6172 Жыл бұрын
Please make a video on million js implementation with react Vote up 🖐️
@beefykenny
@beefykenny Жыл бұрын
Thanks for providing me with this delicious information today 💯
@IvoTsochev
@IvoTsochev 10 ай бұрын
great video as always, thank you WDS
@Blue-bb9ro
@Blue-bb9ro 5 ай бұрын
Awesome!
@fpvba
@fpvba 11 ай бұрын
Wooow, thank you broooo!!!!)))
@sjadev
@sjadev Жыл бұрын
Just get another guitar stand Kyle
@blackswann9555
@blackswann9555 Жыл бұрын
Nice thanks Kyle! 😊
@gerryramosftw
@gerryramosftw Жыл бұрын
this is great! thank you!!
@valeedification
@valeedification Жыл бұрын
btw which table library did you use in this project?
@moonlightCR7
@moonlightCR7 Жыл бұрын
bro pretty much all the popular libraries have a table component.
@palyanytsia
@palyanytsia Жыл бұрын
That's 😍 amazing
@amershboul9107
@amershboul9107 Жыл бұрын
👏👏
@uridevmedia
@uridevmedia Жыл бұрын
Thanks for this Kyle 🤝
@27sosite73
@27sosite73 9 ай бұрын
ty mate
@ymh_7885
@ymh_7885 Жыл бұрын
You doing very great content, but stop moving your head lol that really embarrassing.
@kerimtim
@kerimtim Жыл бұрын
Kyle. Can you please make Laravel videos?
@shubitoxX
@shubitoxX Жыл бұрын
The best performance hack is not to use react.
@nested9301
@nested9301 Жыл бұрын
i was about to say that xD
@sambathravi6580
@sambathravi6580 Жыл бұрын
Please make video for this. In react when i type first letter in input is losing focus😢😢😢😢😢😢
@gg.cip0t
@gg.cip0t Жыл бұрын
i am learning ant design, do you have any suggestion if i should continue or learn other thing???
@kalilinux8682
@kalilinux8682 Жыл бұрын
Watching this feel wrong. We need AI stuff!!
@hamedmatari2577
@hamedmatari2577 Жыл бұрын
wow ,now I can make my application faster
@premlakshaygodara612
@premlakshaygodara612 Жыл бұрын
First comment
@ShivamPandey-mw5zh
@ShivamPandey-mw5zh Жыл бұрын
1k th like😃
@rafa6536
@rafa6536 Жыл бұрын
How? By using server side scripting language, awesome now, PHP, with the Symfony framework and with a little extra in Hotwire Stimulus and Turbo! Turning JSON into HTML using JavaScript is crazy way of doing things to me ;)
@alexanderten9540
@alexanderten9540 Жыл бұрын
The second part is about async await construction. I still don't know how this construction seems while debugging. Try please
@mehedi-kun
@mehedi-kun Жыл бұрын
How To Maximize Performance In Your React Apps? Just ditch React!
@Like_a_lion_979
@Like_a_lion_979 Жыл бұрын
Plot twist - you realize that React is bs, and start using Vue. Congrats, you are sane person now!
@null_spacex
@null_spacex Жыл бұрын
Go away
@Dev-Siri
@Dev-Siri Жыл бұрын
You realize you are still the same person and still insane. Congrats, you are insane person now!
@xxXAsuraXxx
@xxXAsuraXxx Жыл бұрын
React is deprecated
@FunctionGermany
@FunctionGermany Жыл бұрын
wrong
@FG-td4vs
@FG-td4vs Жыл бұрын
lmao, ok
@Dev-Siri
@Dev-Siri Жыл бұрын
for you ig
This Will Get You A React Job
5:01
Web Dev Simplified
Рет қаралды 41 М.
Speed Up Your React Apps With Code Splitting
16:50
Web Dev Simplified
Рет қаралды 383 М.
An Unknown Ending💪
00:49
ISSEI / いっせい
Рет қаралды 56 МЛН
Brawl Stars Edit😈📕
00:15
Kan Andrey
Рет қаралды 57 МЛН
Please Help This Poor Boy 🙏
00:40
Alan Chikin Chow
Рет қаралды 20 МЛН
How To Debug React Apps Like A Senior Developer
21:07
Web Dev Simplified
Рет қаралды 143 М.
The Most Important Skill You Never Learned
34:56
Web Dev Simplified
Рет қаралды 207 М.
You might not need useEffect() ...
21:45
Academind
Рет қаралды 161 М.
3 Beginner React Mistakes That Can Ruin Your App
20:19
Web Dev Simplified
Рет қаралды 105 М.
8 React Js performance optimization techniques YOU HAVE TO KNOW!
11:23
The ultimate guide to web performance
6:43
Beyond Fireship
Рет қаралды 434 М.
Node.js Doesn’t Suck Anymore
16:59
Web Dev Simplified
Рет қаралды 113 М.
My 10 “Clean” Code Principles (Start These Now)
15:12
Conner Ardman
Рет қаралды 230 М.
An Unknown Ending💪
00:49
ISSEI / いっせい
Рет қаралды 56 МЛН