--- title: Best Solid.js posts of 2024 | daily.dev description: The most upvoted Solid.js posts of 2024, curated by the daily.dev community. canonical: https://daily.dev/tags/solidjs/best-of/2024 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/tags/solidjs/best-of/2024 og:type: website og:site_name: daily.dev og:title: Best Solid.js posts of 2024 | daily.dev og:description: The most upvoted Solid.js posts of 2024, curated by the daily.dev community. og:image: https://media.daily.dev/image/upload/s--VAY5ToZt--/f_auto/v1724209435/public/daily.dev%20-%20open%20graph --- # Best of Solid.js — 2024 1. 1 [](/posts/battle-of-the-asyncs-gtimpceag "Battle of the Asyncs") Article Community Picks · 2y Battle of the Asyncs A comparison of async handling between React's \`use\` and Solid's \`createAsync\` was explored. Key observations include: Solid's \`Book\` component treats async values as signals without needing to unwrap them, Solid does not refetch data on state change unlike React, React requires an additional component for \`use\`, and moving async logic into components is more straightforward in Solid. Additionally, server components in React can mitigate unnecessary refetching by handling async data server-side. 53 2. 2 [](/posts/learn-javascript-reactivity-how-to-build-signals-from-scratch-kqqnc7lvn "Learn JavaScript Reactivity: How to Build Signals from Scratch") Article freeCodeCamp · 2y Learn JavaScript Reactivity: How to Build Signals from Scratch The post explains the concept of reactivity, particularly in JavaScript. It details how reactivity allows UI applications to respond to data changes and discusses different implementations in frameworks like React, Vue, RxJS, and SolidJS. The post then focuses on building a basic version of signals, a key reactivity mechanism in SolidJS, from scratch using JavaScript. It offers a step-by-step guide to implementing signals, createSignal, and createEffect functions, providing a foundational understanding of how these concepts work. 49 2 3. 3 [](/posts/popularity-is-not-efficiency-solid-js-vs-react-js-k5n9apnbw "Popularity is not Efficiency: Solid.js vs React.js") Article DEV · 3y Popularity is not Efficiency: Solid.js vs React.js Comparison between Solid.js and React.js in terms of reactivity, rendering efficiency, and performance. React.js utilizes virtual DOM and component-based design for scalability, while Solid.js focuses on fine-grained reactivity and minimalism. 16 4. 4 [](/posts/two-way-binding-is-a-two-way-street-hsacjzf8z "Two-way Binding is a Two-way Street") Article This is Learning · 2y Two-way Binding is a Two-way Street Two-way binding creates a bi-directional connection between application state and its consumer, automating updates in both directions. While this reduces boilerplate, it can lead to unpredictable behavior and complexity in larger applications. Frameworks like Svelte, Vue, and React offer different approaches to handling two-way binding, with varying degrees of explicit control to mitigate potential issues. Best practices include making two-way binding opt-in and segregating read/write operations. 12 [See all Solid.js archives](/tags/solidjs/best-of) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://daily.dev/tags/solidjs/best-of/2024#page","url":"https://daily.dev/tags/solidjs/best-of/2024","name":"Best Solid.js Posts of 2024","description":"The most upvoted Solid.js posts of 2024, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/tags/solidjs/best-of/2024#items","numberOfItems":4,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/battle-of-the-asyncs-gtimpceag","name":"Battle of the Asyncs"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/learn-javascript-reactivity-how-to-build-signals-from-scratch-kqqnc7lvn","name":"Learn JavaScript Reactivity: How to Build Signals from Scratch"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/popularity-is-not-efficiency-solid-js-vs-react-js-k5n9apnbw","name":"Popularity is not Efficiency: Solid.js vs React.js"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/two-way-binding-is-a-two-way-street-hsacjzf8z","name":"Two-way Binding is a Two-way Street"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Tags","item":"https://daily.dev/tags"},{"@type":"ListItem","position":3,"name":"Solid.js","item":"https://daily.dev/tags/solidjs"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/tags/solidjs/best-of"},{"@type":"ListItem","position":5,"name":"2024"}]}]} ```