this is an absolute gem of a video. thank you for making it💙
@owenmurphy2022
11 ай бұрын
Such a great review of the React Fiber internals ! I love this video !
@nikilk
Жыл бұрын
Had a hearty laugh, and a good deep dive into the React reconciler. Dan will be missed.
@uqmessias
Жыл бұрын
Such an amazing video! Thank you all for recording this \o/
@jingyupang3989
Жыл бұрын
Dan is always the best😘
@pranshuchittora5444
Жыл бұрын
Still relevant in 2023 :)
@donovanvanderlinde3478
2 жыл бұрын
To people watching the first hour lost, stick around till the end it’s pretty wild.
@dhwajsharma
2 жыл бұрын
Editor theme?
@dosss_
2 жыл бұрын
3:27 "I'm just going to share my screen... can you see anything" - 2021 in a nutshell hahaha
@vladyslavgoloshchapov7082
3 жыл бұрын
awesome video, but it was kind of scary to see Dan adding such complex boolean operators to decide whether to render 'div" or not in SmooshMode. I am pretty sure that was the main reason that part didn't work. a) they are not readable at all due to lot of negative logic b) they don't work and you can't fix them even though you added them 2 minutes ago.
@mubarak4show
3 жыл бұрын
This was so enlightening. Learnt a ton!
@MrAaronBlues
3 жыл бұрын
"Oh, React is not defined, [...] it's normal cause this file is React." Love it
@FitnessChaos
3 жыл бұрын
Damn such a good video but the video quality is like it was filmed on an android device
@Василий-ф4е
3 жыл бұрын
Какая радость увидеть своего внука !
@hkjpotato
3 жыл бұрын
why I first see this in 2021...sad
@datoubi
3 жыл бұрын
So I've been putting countless hours into react and have heard the name Dan abramov a million times, yet I've never watched a video from him. Seems like a really nice guy, glad one of the top people at react seeming super nice :)
@ezwalduzumaki3161
4 жыл бұрын
When the react god is coding, everyone just shuts up and soak the knowledge haha
@snowsnow4231
4 жыл бұрын
Insane content, want to commit to React so badly but the source is so intimidating, but it i am slowly getting it, it is quite simple in fact
@seanbruceful
4 жыл бұрын
I've watched this video three times, and It's still very difficult for me to walk through the react source code now. but each time I try I feel better in understanding it. and I won't give up.
@ezwalduzumaki3161
4 жыл бұрын
Always, lets make dan proud haha
@DharanAditya
4 жыл бұрын
This is really a cool. Thanks Dan
@amrmohamed2608
4 жыл бұрын
this is really amazing!
@dukiwave
4 жыл бұрын
Setup tips for anyone coming here in the future: The boys are on commit 4d307de458dfdf25e704cb2ca20b0578bba8998c. It also requires an older version of node. I chose Node 8, it worked out fine, so I highly suggest using nvm. The command I guess would be: git clone [email protected]:facebook/react.git git checkout 4d307de git checkout -b smoosh echo "8" > .nvmrc nvm install 8 nvm use npm install -g yarn yarn
@huanshao2165
4 жыл бұрын
I enjoy Dan's talk also. Great and comfortable explanation!
@insaneviruss
4 жыл бұрын
Thanks Dan and team! Please keep showing more of such source code reviews. Teaches a lot about how to think like makers of library and use it like it was intended to :)
@natural-song
4 жыл бұрын
Dan‘s phone is one Nokia, cool!
@KostiaBazrov
4 жыл бұрын
Vue is better
@EranShapira
5 жыл бұрын
Usually I hate watching videos on coding, I rather read, but this was extraordinary, awesome video, great walkthrough on react fiber. amazing.
@张志明-t3y
5 жыл бұрын
Awesome video!
@seanbruceful
5 жыл бұрын
I have to say that I always enjoy Dan's talk.
@natural-song
4 жыл бұрын
Yeah, Dan‘s so Humble!
@yeahga
3 жыл бұрын
Same.
@guichizhao2475
2 жыл бұрын
Can you understand what is he talking about though?
@rabbitize
5 жыл бұрын
React will be around in the next 10 years!
@cintron3d
5 жыл бұрын
But, what if the div has a className, hidden, aria-tag, etc...? Implementation should also check for props other than children to determine if it's a waisted div. What if it has more than one child, that would make it a container div, and so those should be kept too. I think the second implementation is still very much a hack and not yet production ready. But this is a good deep dive into react internals, thanks for that.
@7833497
5 жыл бұрын
It already checks for other props. React.createElement function's 2nd argument is props, and any props there when changed, trigger fiber update. Children are the easiest way to show what happens behind the scenes. If the div is a container, then it is obviously kept (unless it is not affected by styles - you can see that yourself with React DevTools). I wouldn't call second implementation a hack at all, seeing how flexible it is. (doesn't update user's screen mid-building, allows for interruption)
@miraage
5 жыл бұрын
The best explanation of React Fiber architecture I've ever seen
@nromancarcamo
5 жыл бұрын
I’m doing some libraries but I haven’t make them public yet cause I need to finish them due to also they are being tested internally in projects that are gonna be released too, but one thing to point out is the way Dan explained the architecture of how some things of react internally works and I feel identified, I have some similar data strctures and algorithms applied without even know that react does some things almost same, that for me is really awesome 👏 , I feel like I haven’t wasted my time for getting good things 😏 Thanks for this wonderful video, Dan I recognize your hard working!, i love your work, keep it up!.
@juangwiantoro7607
5 жыл бұрын
Awesome video! learn a lot by watching Dan walkthrough the codebase and implementing ReactSmoosh ;) ! Looking forward to watching another episode!
@rikpatel
5 жыл бұрын
Great stuff, gives little insight on how React works internally.
@marvinfrachet7607
5 жыл бұрын
This is amazing. I like this kind of videos. Thanks folks. I'm having a question just to make sure I've got the points. - The Begin work is the descending tree traversal - The Complete work is the ascending tree traversal But when / how the commit phase is handled? At each node leaving the Complete work? Or do you traverse the tree a new time (and reconcile only on the tagged node) ?
@georgeandersen6182
5 жыл бұрын
38:18 Yes I have a question! In concurrent mode, if there are only two trees, can you stop the second change you're trying to do? (e.g. the like in the previous illustration) or would that need a third tree? I don't think this question makes a lot of sense, but how does concurrent mode work in terms of: Can a frame be skipped because it leaves an old unfinished tree behind when a new render completes that replaces it? (like in the iceland vid the debouncing demo I guess)
@georgeandersen6182
5 жыл бұрын
ok he kinda answered the question 1:38:00
@ジョシュア川又
10 ай бұрын
@KostyaKurilov
5 жыл бұрын
Great podcast, but camera shaking crazily
@ChuongHuynhQN
5 жыл бұрын
Look at the clock on the wall. It must be from previous century!
@tiancihe795
5 жыл бұрын
woah, that video chat is really awkward
@singhi89
5 жыл бұрын
Really helpful.
@jingge3083
5 жыл бұрын
Awesome, Thanks
@牧云云
5 жыл бұрын
Caught on the spot.
@CognitiveSurge
5 жыл бұрын
Great video, would love to see even more React Fiber related videos, that was so interesting! Twitter being SMOOSHED was great 😂
@wisemikky
5 жыл бұрын
This is so really cool stuff. Just started using react and I knew I was gonna have problems with the numerous divs.
Пікірлер