Learn this library built on top of React.

Asayer's platform is  dedicated to providing insights and resources for developers and DevOps teams, focusing on web application monitoring, session replay, and error tracking. Through articles, tutorials, and case studies, Asayer offers insights into visualizing user sessions, reproducing bugs, and optimizing user experiences. Developers and QA engineers can learn about monitoring user interactions, detecting UI/UX issues, and improving web application performance and reliability.

asayer

Solid.js is an open-source JavaScript library for building web applications that focuses on performance and simplicity. It provides a lightweight component model, a simple and flexible API, server-side rendering, and code-splitting support. This tutorial covers getting started with SolidJS, creating a new project, using SolidJS APIs, building an application that showcases characters from the Rick and Morty series, and implementing infinite scrolling. It also highlights the ease of learning and using SolidJS.

Getting started with SolidJS

Haven’t tried Solid but looks pretty cool

<blockquote>
Solid.js is built on top of the React library, providing tools and utilities that make it easier to develop and manage complex React applications.
</blockquote>
This is patently false. Solid.js is standalone and does not require anything from React. It builds upon the work that the React team did on JSX, but that is merely a templating language. Yes, you can use Solid’s reactivity as a tool to develop and manage state in complex React applications, like TanStack is doing now, and use <code>useSyncExternalStore</code> to bind this to React’s reconciler.
This also glosses over the primary difference between Solid.js and React: the mental models they are build upon: while React re-renders on all property changes and uses memoization as opt-out from its reactivity, Solid renders components once and binds reactive properties in effects that commit the required changes and uses memoization as opt-in. This makes it a lot easier to avoid unneccessary work and results in performance without the need to optimize manually.
<blockquote>
<code>setEpisodes((await fetchEpisodes()).data);</code>
</blockquote>
If you are going to work with asynchronous resources, do yourself a favor and use <a href="https://www.solidjs.com/docs/latest/api#createresource" target="_blank" rel="noopener nofollow"><code>createResource</code></a> instead of implementing a naive version of it.
<blockquote>
The For method eliminates the need for using the Array.prototype.map() in looping through an array.
</blockquote>
While you can use <code>.map</code>, one of the primary advantages is that it will not create a new array on every evaluation, but instead provide an array of reactive getters for the items using Solid’s <code>mapArray</code>.
That being said, it’s nice to see some content about Solid.js on here.