Lin Clark - A Cartoon Intro to Fiber - React Conf 2017
Lin Clark - A Cartoon Intro to Fiber - React Conf 2017 on HackerTube: recommended by 3 Hacker News commenters across 3 separate months, 2017–2018.
Lin Clark gives an illustrated, cartoon-style walkthrough of React Fiber, the rewrite of React's reconciler, explaining its incremental rendering and scheduling at React Conf 2017.
What HN commenters said
7 Hacker News comments link this video. Each one links back to its thread.
acemarkeJan 2018Strongly recommends
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": ▶ 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]
in “Show HN: Nerv – A fast React alternative, compatible with IE8 and React 16” · View on HN
acemarkeApr 2017Strongly recommends
For those who are interested in some of the details of the work that's going on, Lin Clark's recent talk on "A Cartoon Intro to Fiber" at ReactConf 2017 is excellent [0]. There's a number of other existing writeups and resources on how Fiber works [1] as well. The roadmap for 15.5 and 16.0 migration is at [2], and the follow-up issue discussing the plan for the "addons" packages is at [3]. I'll also toss out my usual reminder that I keep a big list of links to high-quality tutorials and articles 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] ▶ this video [1] [link] [2] [link] [3] [link]
in “React v15.5.0” · View on HN
acemarkeApr 2017Strongly recommends
I'll repeat the comment I made in the "React 15.5" thread a couple weeks ago ( [link] ): For those who are interested in some of the details of the work that's going on, Lin Clark's recent talk on "A Cartoon Intro to Fiber" at ReactConf 2017 is excellent [0]. There's a number of other existing writeups and resources on how Fiber works [1] as well. The roadmap for 15.5 and 16.0 migration is at [2], and the follow-up issue discussing the plan for the "addons" packages is at [3]. I'll also toss out my usual reminder that I keep a big list of links to high-quality tutorials and articles 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] ▶ this video [1] [link] [2] [link] [3] [link]
in “Facebook Announces React Fiber, a Rewrite of Its React Framework” · View on HN
pmlamotteAug 2017Recommends
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: ▶ this video
in “Inside a fast CSS engine” · View on HN
mklarmannApr 2017Recommends
React Fiber was beautifully described by Lin on the last reactconf. ▶ this video Congratulations to the release.
in “Facebook Announces React Fiber, a Rewrite of Its React Framework” · View on HN
carlmungzDec 2018Cites it
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] ▶ this video [link]
in “Ask HN: Can you suggest educative react projects for newbies to make?” · View on HN
Show 1 more comment
swyxMar 2018Cites it
typo in the title - its Abramov not Ambramov It's interesting that Lin Clark basically demoed Time Slicing a -year- ago at ReactConf: ▶ 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 the bigger "wow" moments. (Yes I know this talk is not about the tools or the charts) he does another thing I'm a fan of - starting with a question. this helps frame the rest of the talk: explaining why the question is a big deal, breaking the question down, proposing some solutions, showing how the solutions answer the question. bottom line - there's more to learn from this talk than just React.
in “Beyond React 16 by Dan Ambramov – Async Rendering and React Suspense” · View on HN