A Visual Guide to React Rendering

This page summarizes the projects mentioned and recommended in the original post on news.ycombinator.com

Our great sponsors
  • WorkOS - The modern identity platform for B2B SaaS
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • SaaSHub - Software Alternatives and Reviews
  • react-18

    Workgroup for React 18 release.

  • The author of this series has done an excellent job breaking down some of key aspects of React's rendering into good explanations with some nifty illustrations.

    As linked in this article, folks might also be interested in my very extensive post "A (Mostly) Complete Guide to React Rendering Behavior" [0], which goes into a lot more detail on the nuances of this.

    I also generally recommend reading some of Dan Abramov's posts that explain how and why React works, including the "Complete Guide to `useEffect`" [1], "React as a UI Runtime" [2], and "Before You memo()" [3]. Finally, it's worth noting that some of React's batching behavior will change in React 18 to always batch renders even across event loop ticks - see the React 18 Working Group post on "Automatic Batching for Fewer Renders" [4] for details.

    FWIW, some of this material is being incorporated into the upcoming React docs rewrite [5], which I'm really excited to see go live.

    [0] https://blog.isquaredsoftware.com/2020/05/blogged-answers-a-...

    [1] https://overreacted.io/a-complete-guide-to-useeffect/

    [2] https://overreacted.io/react-as-a-ui-runtime/

    [3] https://overreacted.io/before-you-memo/

    [4] https://github.com/reactwg/react-18/discussions/21

    [5] https://github.com/reactjs/reactjs.org/issues/3308

  • reactjs.org

    Discontinued The React documentation website [Moved to: https://github.com/reactjs/react.dev]

  • The author of this series has done an excellent job breaking down some of key aspects of React's rendering into good explanations with some nifty illustrations.

    As linked in this article, folks might also be interested in my very extensive post "A (Mostly) Complete Guide to React Rendering Behavior" [0], which goes into a lot more detail on the nuances of this.

    I also generally recommend reading some of Dan Abramov's posts that explain how and why React works, including the "Complete Guide to `useEffect`" [1], "React as a UI Runtime" [2], and "Before You memo()" [3]. Finally, it's worth noting that some of React's batching behavior will change in React 18 to always batch renders even across event loop ticks - see the React 18 Working Group post on "Automatic Batching for Fewer Renders" [4] for details.

    FWIW, some of this material is being incorporated into the upcoming React docs rewrite [5], which I'm really excited to see go live.

    [0] https://blog.isquaredsoftware.com/2020/05/blogged-answers-a-...

    [1] https://overreacted.io/a-complete-guide-to-useeffect/

    [2] https://overreacted.io/react-as-a-ui-runtime/

    [3] https://overreacted.io/before-you-memo/

    [4] https://github.com/reactwg/react-18/discussions/21

    [5] https://github.com/reactjs/reactjs.org/issues/3308

  • WorkOS

    The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

    WorkOS logo
  • proposal-record-tuple

    ECMAScript proposal for the Record and Tuple value types. | Stage 2: it will change!

  • Tuples are coming to JS: https://github.com/tc39/proposal-record-tuple#tuple

  • eureka

    Lucene-based search engine for your source code (by wisercoder)

  • mvc-router

    Router for JavaScript Single Page Applications that supports MVC pattern (by wisercoder)

  • To solve this problem you can use React with an MVC framework. See https://github.com/wisercoder/mvc-router

  • rfcs

    RFCs for substantial changes / feature additions to Vue core (by vuejs)

  • To Vue's credit, Evan has been absolutely up front and has made his rationale clear for why class based components were abandoned:

    https://github.com/vuejs/rfcs/pull/17#issuecomment-494242121

    You can't ask for more than that from someone who disagrees and is in control of the project. Also he's doing a pretty awesome job maintaining the project.

  • petite-vue

    6kb subset of Vue optimized for progressive enhancement

  • Thank you for checking it out!

    I agree with your use cases for Vue, It enables quick component development with minimal learning curve and good performance. A good choice for someone like me who had been holding out on modern JS libraries to offer better usability.

    There seems to be more lighter version of Vue[1] being developed[1] which seems to offer more flexibility in terms of how light we would want it to be and looks similar to Lit, Did you recommended Lit for the same reason?

    [1] https://github.com/vuejs/petite-vue

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

    InfluxDB logo
NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts