Learn React the hard way

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
  • react-query

    Discontinued 🤖 Powerful asynchronous state management, server-state utilities and data fetching for TS/JS, React, Solid, Svelte and Vue. [Moved to: https://github.com/TanStack/query]

  • The state management is a myth, and in someway it resembles a lot with the styling solutions in React ecosystem (css-in-js, css modules and plain css etc). I dabbled around with different solutions for a while but realized that react-query is more practical for most apps I am working with.

  • Next.js

    The React Framework

  • It does took me a while to understand why spinner waterfall was an issue, especially for people who start their programming career in the age of ajax / spa is the “default” way of building modern frontend apps. Until then I realized how big paradigm shift it is those modern web apps powered by spa frameworks comparing to traditional websites, say Rails apps. Which is exactly where those meta frameworks like next.js or remix come into play. They exist to bridge the gap or cliff driven by the need of rich interactivity of modern websites.

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
  • immutable-js

    Immutable persistent data collections for Javascript which increase efficiency and simplicity.

  • React reshapes modern web frontend with its declarative UI paradigm (rethinking best practice), and it embraces FP at heart. Stateless components, side effect segregation etc all good stuff. Then you encounter immutability, and got amazed by the power of it - time travel debugging. Followed by an unstoppable learning path of immutable.js, immer.js etc. At the end of day, we all realized that JavaScript is a multi-paradigm language.

  • Immer

    Create the next immutable state by mutating the current one

  • React reshapes modern web frontend with its declarative UI paradigm (rethinking best practice), and it embraces FP at heart. Stateless components, side effect segregation etc all good stuff. Then you encounter immutability, and got amazed by the power of it - time travel debugging. Followed by an unstoppable learning path of immutable.js, immer.js etc. At the end of day, we all realized that JavaScript is a multi-paradigm language.

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