Menu

Post image 1
Post image 2
Post image 3
Post image 4
Post image 5
Post image 6
Post image 7
Post image 8
Post image 9
Post image 10
Post image 11
Post image 12
Post image 13
1 / 13
0

How React Works (Part 1)?Motivation Behind React Fiber: Time Slicing & Suspense

DEV Community·Sam Abaasi·about 1 month ago
#XuVsIyWa
#suspense#react#javascript#time#work#fiber
Reading 0:00
15s threshold

Motivation Behind React Fiber: Time Slicing & Suspense Series: How React Works Under the Hood Level: Intermediate to Advanced Prerequisites: Basic React knowledge. Bonus: if you've read How JavaScript Works — you'll feel right at home. Introduction You've used React. You've felt that lag — the input that stutters, the page that freezes for half a second, the animation that just doesn't feel right. But have you ever wondered why React had to completely rewrite its entire internal engine just to fix it? In 2017, the React team announced React Fiber — a ground-up rewrite of React's internals. Not the API. Your JSX and components stayed the same. But the engine underneath, the thing that actually decides how and when work gets done, was thrown out and rebuilt from scratch. To understand why Fiber was necessary — not just useful, but necessary — we need to start where the React team started. This entire article is grounded in Dan Abramov's talk at JSConf Iceland 2018.…

Continue reading — create a free account

Join HashtagPLUS to read full articles, follow hashtags, vote, and join the conversation.

Read More