What React Refs Can Do for You
17:56
14 күн бұрын
React Day Berlin 2024
0:45
4 ай бұрын
Пікірлер
@ujjwal.kandel
@ujjwal.kandel 6 күн бұрын
9:41 should you be using optional chaining on assignment like that?
@MrTruPlaya
@MrTruPlaya 7 күн бұрын
Convex is criminally underated.
@Kerojey
@Kerojey 7 күн бұрын
React developers figured out that coping every component is not very efficient 😯
@reactjs1900
@reactjs1900 7 күн бұрын
how to export the updated canvas to video
@hasunnilupul6811
@hasunnilupul6811 9 күн бұрын
Thank you for sharing these useful things.
@chlbri
@chlbri 9 күн бұрын
Convex is a revolution, seriously amazing !!
@suhaybjirde
@suhaybjirde 11 күн бұрын
thanks for sharing you're experience with us and i learned a lot the key point that i'm taking here is that there are some times you don't need to use state and avoid unusefull re-renders by using refs which don't cause a re-render which improves the performance
@muhammadyousufhere
@muhammadyousufhere 12 күн бұрын
I just know, 17:09 it was coming 😀
@theysaidnewzealand
@theysaidnewzealand 12 күн бұрын
How much do they pay to to people.who created the base information with actual work?
@coolassassin
@coolassassin 12 күн бұрын
I can say that's all these methods are not effective as well, especially when we use them in cells. The better solution with 0 renders and with 0 crazy ref functions is css-variables. Each column has unique id, so we can make a unque css variable with left position or with a width and we can manage all sizes in a root table component and all will be provided out of box just by css. All you need is provide handlers and listeb them
@brangja4815
@brangja4815 13 күн бұрын
Right on time. I'm currently building a wysiwyg app that requires a lot of drag and drops and resizing. This definitely help.
@PaulSebastianM
@PaulSebastianM 13 күн бұрын
React is never simple.
@soixantelly
@soixantelly 14 күн бұрын
this video made RSC make sense in my head, thank you man
@АртурДемидов-г7ф
@АртурДемидов-г7ф 14 күн бұрын
tldr: use svelte or solid😂
@loquek
@loquek 13 күн бұрын
bye! See you when you need to understand lifecycle performance :D
@АртурДемидов-г7ф
@АртурДемидов-г7ф 13 күн бұрын
@loquek In defs of svelte, compiled cole is still readable. And for react like in video(with refs hacks and direct change style) you can get more problems, when random rerender drops all your data and styles.
@АртурДемидов-г7ф
@АртурДемидов-г7ф 13 күн бұрын
@loquek and style of this devs is wierd, need fast react = use react like jQuery
@loquek
@loquek 13 күн бұрын
​Aw I was just making a cheeky comment that at some point (say if you made a table component that has thousands of cells), that you might need to understand your frameworks lifecycle, and I am pretty sure Svelte also has issues managing different 'types' of state, as they also implemented Runes to work a bit like setState... which i would assume, would have similar perf issues to reacts useState if used in the same manner.
@АртурДемидов-г7ф
@АртурДемидов-г7ф 13 күн бұрын
@@loquek Sorry, I misunderstood your first comment. Yea for cases with thousands props table, we need more than React
@whyredvince
@whyredvince 14 күн бұрын
I find it funny that to get performant react, we need to skip react.
@dealloc
@dealloc 14 күн бұрын
I like to think it of this way; style changes are rarely needed to be tracked in React, unless it relies on some other state that is managed in React. Other libraries would have the same underlying problem (triggering a render, when you can avoid it)-albeit performance characteristics could be different depending on how the library performs updates.
@DeepDarkier
@DeepDarkier 13 күн бұрын
exactly, I dont see a simple thing like this it being a problem in Vue or Svelte
@vipero07
@vipero07 13 күн бұрын
Turn react into svelte, by removing the vdom, fixed!
@Diamonddrake
@Diamonddrake 12 күн бұрын
This is a cherry picked example, and it’s important to remember that here react is providing the mechanism to escape its rules. You no longer have the guarantees that the state is upheld; but you accept that tradeoff for performance. All frameworks have some trade offs. React def has its flaws. But I’ve used some amazing, performant, and powerful react UIs roo
@v1r47
@v1r47 14 күн бұрын
tech conf with only 720p content? Seriously? What's wrong?
@supportic
@supportic 13 күн бұрын
Complaining about free content? Watching this on 4k monitor and I see everything.
@11keshav11
@11keshav11 14 күн бұрын
Thanks for showing the advantages of react refs. I'm understanding that this specific scenario is a good fit for using html element references directly because I'm assuming cellCtrl.onLeftChanged callback event occurs outside of react's control and maybe a dom callback event AND hence it would make sense to directly change the div html element style using react ref callback. Any other solution like useLayoutEffect, useState is just adding another intermediary step (slow) and indirectly changing the div element property.
@PraiseYeezus
@PraiseYeezus 13 күн бұрын
React has always been so bad with direct DOM manipulation, sometimes I'd rather try vanilla JS (joking but not really)
@RockLloque
@RockLloque 14 күн бұрын
Great talk. I always used useEffect or useLayoutEffect with useRef before! This is much smoother and will be added to my toolbox.
@MokaPots
@MokaPots 15 күн бұрын
Mind blowing. Can you point me to the "how to's" for these devtools options? Or is it just RTM?
@ZohoExpert
@ZohoExpert 26 күн бұрын
Thanks 😊
@alexa.davronov1537
@alexa.davronov1537 Ай бұрын
26 minutes? You must be crazy. I should understand that in 5 minutes maxximum!
@kostas_x
@kostas_x Ай бұрын
+1 for source code.
@happyfrog9168
@happyfrog9168 Ай бұрын
Hahaha 😂
@MdSajidHasan-s6n
@MdSajidHasan-s6n Ай бұрын
Excellent delivery
@ziembajan
@ziembajan Ай бұрын
Wow! This was really interesting!
@japaadi
@japaadi Ай бұрын
I hope you didnt give up on dentistry.....
@nclsDesign
@nclsDesign Ай бұрын
Bruh
@orenmizr
@orenmizr Ай бұрын
incredible work by the devtools team. pushing innovation forward 💪
@ismail44
@ismail44 Ай бұрын
Great talk
@magnuserikkeenrobot1117
@magnuserikkeenrobot1117 2 ай бұрын
great talk theo!
@999fini
@999fini 2 ай бұрын
i only have one word, awesome
@LutherDePapier
@LutherDePapier 2 ай бұрын
Hi Theo, will you be at React Paris 2025 this upcoming March?
@nikhilgeorgemathew
@nikhilgeorgemathew 2 ай бұрын
Good insights
@derproka
@derproka 2 ай бұрын
It’s like that is the only photo of Theo that exists or something
@codelivewithme
@codelivewithme 2 ай бұрын
hey Theo your subscriber from Pakistan
@mokoboko2482
@mokoboko2482 2 ай бұрын
goat
@georgiosmylonas3892
@georgiosmylonas3892 2 ай бұрын
All the videos for Flipper debugger are missing the "Installation" guide.
@designerjehovah4453
@designerjehovah4453 2 ай бұрын
Always love to hear Jack spreading some knowledge. Just a fan of his teaching style. so Jack, if you're reading this, I have learnt A TON just from watching your channel
@maitre999
@maitre999 2 ай бұрын
React is already dead as most of humans also dead walking. Fed by media corporations. Look at Svelte, try it and say why react is better and why it is considered as something great? There are other frameworks working on js/ts. Most humans choose react because everyone just talking about it from everywhere. I love to code and not overcomplicate things with react base. When you understand that you choose better framework. I know most corporations built all on react so they don't want to hire real programmers and pay them as it should be for great working code. That's deception that most don't see or don't want to see.
@gcash49
@gcash49 2 ай бұрын
hard cope sadly, big tech companies pay the most and are all using React.
@akrishnadevotee
@akrishnadevotee 2 ай бұрын
Next.js is, not react
@echobucket
@echobucket 2 ай бұрын
Some people just want React to do die because they don't like it.
@scriptedpixelsltd
@scriptedpixelsltd 2 ай бұрын
Let’s hope so 🤞🏽
@Bhide.Svelte
@Bhide.Svelte 2 ай бұрын
yes it is