Discover A New Framework: SolidJS 🧑‍💻

• solid-site

  66 156 8.5 TypeScript

  Code that powers the SolidJS.com platform.

  

This year (once again), I challenged myself to experiment with a new technology. As the Web is constantly evolving, it's important to get up to date every 6 months. Following the last "State Of JS" survey's results, I found two new frameworks that seemed promising to me: AlpineJS x SolidJS

• vite

  792 64,913 9.9 TypeScript

  Next generation frontend tooling. It's fast!

  

Getting started with SolidJS is child's play (I still recommend having the basics of JavaScript, as well as the mastery of some component-oriented framework notions, to fully understand what reactivity is...). By using the Rich Harris's library (degit), we can scaffold the project. Therefore, the JavaScript environment will be pre-configured to work from a bundler, not Webpack this time, but Vite!

• SurveyJS

  surveyjs.io featured

  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.

  

• Nuxt 3

  78 11,062 9.9 TypeScript

  Discontinued Old repo of Nuxt 3 framework, now on nuxt/nuxt (by nuxt)

  

The SSR operating mode, for performance gains, but also for better SEO (here SolidJS, directly confronts Nuxt, Next or SvelteKit)

• testing-library-docs

  46 439 8.5 JavaScript

  docs site for @testing-library/*

  

The ecosystem powered by SolidJS, advocates modern technologies such as PNPM, Vite, Vitest but also Testing Library. Based on the implementation of Preact, the SolidJS team brings the component-oriented unit testing framework, which has already proven itself with React, Vue, Angular, Cypress, etc.

• Tailwind CSS

  1,282 78,568 9.4 TypeScript

  A utility-first CSS framework for rapid UI development.

  

SolidJS offers a wide range of templates to initialize a new project, with the choice of language: JavaScript or TypeScript; the integration of a ready-to-use UI library (including the great TailwindCSS), but also the implementation of an unit test engine: Jest / Vitest (optional).

• Rollup

  69 24,811 9.5 JavaScript

  Next-generation ES module bundler

  

Powered mainly by the Vue community, Vite is a new kind of JavaScript tool, to start a new Web project very quickly, while offering a modern environment. Inspired by RollupJS (but also ESBuild), Vite has many features, including:

• React

  1,697 222,111 9.9 JavaScript

  The library for web and native user interfaces.

  

After reading two or three documentations, and analyzing several dozen lines of code, I preferred to choose SolidJS, especially because of the JSX omnipresence, as well as concepts similar to my everyday tool, namely: React!

• InfluxDB

  www.influxdata.com featured

  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.

  

• Next.js

  2,047 120,804 10.0 JavaScript

  The React Framework

  

The SSR operating mode, for performance gains, but also for better SEO (here SolidJS, directly confronts Nuxt, Next or SvelteKit)

• SvelteKit

  612 17,733 9.8 JavaScript

  web development, streamlined (by sveltejs)

  

The SSR operating mode, for performance gains, but also for better SEO (here SolidJS, directly confronts Nuxt, Next or SvelteKit)

• jest

  474 43,616 9.5 TypeScript

  Delightful JavaScript Testing.

  

SolidJS offers a wide range of templates to initialize a new project, with the choice of language: JavaScript or TypeScript; the integration of a ready-to-use UI library (including the great TailwindCSS), but also the implementation of an unit test engine: Jest / Vitest (optional).

• esbuild

  324 37,307 9.5 Go

  An extremely fast bundler for the web

Powered mainly by the Vue community, Vite is a new kind of JavaScript tool, to start a new Web project very quickly, while offering a modern environment. Inspired by RollupJS (but also ESBuild), Vite has many features, including:

• Alpine.js

  242 26,932 9.3 HTML

  A rugged, minimal framework for composing JavaScript behavior in your markup.

  

This year (once again), I challenged myself to experiment with a new technology. As the Web is constantly evolving, it's important to get up to date every 6 months. Following the last "State Of JS" survey's results, I found two new frameworks that seemed promising to me: AlpineJS x SolidJS

Suggest a related project