Skip to content
Hallway
0:00 / 0:00

#reactfiber#linclark#reconciliation

Lin Clark - A Cartoon Intro to Fiber - React Conf 2017

Meta Developers

311K subscribers • 8 videos on Hallway

YouTube
  • Recommended by 4 people: 3 on Hacker News and 1 on Lobsters.
  • Presented by Lin Clark, software engineer
  • May be out of date. Uploaded 9 years ago, in an area where tools change fast.

Intermediate. Assumes working knowledge.

215K views9 years ago4 recommendations

Web developmentSoftware designReactVue, Svelte, Angular and othersSoftware architecture

Lin Clark uses illustrated, cartoon-style visuals to explain the architecture and scheduling benefits of React Fiber, the rewritten reconciler.

The uploader added no description.

Why it's here

4 people recommend this

What people say. Widely recommended as the clearest and most accessible explanation of React Fiber's internal architecture.

acemarkeon Hacker News • Recommends

On “React v15.5.0”

…es on React, Redux, and related topics, at link . Specifically intended to be a great starting point for anyone trying to learn the ecosystem, as well as a solid source of good info on more advanced topics. Finally, the Reactiflux chat channels on Discord are a great place to hang out, ask questions, and learn. The invite link is at link . 0 link to this video 1 link 2 link 3 link…
View on Hacker News

acemarkeon Hacker News • Recommends

On “Facebook Announces React Fiber, a Rewrite of Its React Framework”

…es on React, Redux, and related topics, at link . Specifically intended to be a great starting point for anyone trying to learn the ecosystem, as well as a solid source of good info on more advanced topics. Finally, the Reactiflux chat channels on Discord are a great place to hang out, ask questions, and learn. The invite link is at link . 0 link to this video 1 link 2 link 3 link…
View on Hacker News

acemarkeon Hacker News • Recommends

On “Show HN: Nerv – A fast React alternative, compatible with IE8 and React 16”

Yeah, the React team takes backwards compatibility very seriously. They did finally drop some deprecated methods from the main package in React 16, but made them available as separate packages, and even wrote codemods to automatically replace usages. I can recommend several resources for understanding the changes in React 16: - Lin Clark's fantastic ReactConf presentation on "A Cartoon Intro to Fiber": link to this video - The official announcements for React 16: link and link - A good summary of the major changes: link - Two articles looking at the user-facing features and changes: link and link
View on Hacker News

mklarmannon Hacker News • Recommends

On “Facebook Announces React Fiber, a Rewrite of Its React Framework”

React Fiber was beautifully described by Lin on the last reactconf. link to this video Congratulations to the release.
View on Hacker News

pmlamotteon Hacker News • Recommends

On “Inside a fast CSS engine”

I believe she just has a talent for it, she's an engineer as far as I know and has other related cartoon descriptions: link Her talk on react fiber this year is quite good as well: link to this video
View on Hacker News

zemon Lobsters • Recommends

A Cartoon Intro to Fiber - React Conf 2017
1View on Lobsters

swyxon Hacker News • Mentions

On “Beyond React 16 by Dan Ambramov – Async Rendering and React Suspense”

typo in the title - its Abramov not Ambramov It's interesting that Lin Clark basically demoed Time Slicing a -year- ago at ReactConf: link to this video and in the first 10 mins of Dan's talk you see basically the same thing with user interaction applied. createFetcher is brand new and here's the metaconversation on Twitter/Github: link and link with a couple implementations here ( link ) and here ( link ) // style discussion below one thing I really appreciate about this talk is hard it is to even communicate asynchronous problems and the solutions to them. Personally the lagging animationFrame clock display (for time slicing) and the loading state devtools (for "react suspense") were actually…
View on Hacker News

carlmungzon Hacker News • Mentions

On “Ask HN: Can you suggest educative react projects for newbies to make?”

Study the React source code and implement your own mini-version. It's a great way to deepen framework specific knowledge (if that's what you are after) and also learning more about the language used to create the framework. Start with these articles: link link link link to this video link
View on Hacker News