DEV Community

Cover image for State of Solid - September 2021
Ryan Carniato
Ryan Carniato

Posted on

State of Solid - September 2021

A lot of exciting things have been going in the Solid in the last few months since the 1.0 release.

Let's start with some big news.


Netlify joins up as an Official Deployment Partner

Alt Text

We are super excited to announce that Netlify has come on board as a Deployment partner and sponsor for the project. They will be contributing $500 a month towards the development and growth of Solid.

We will be adding the Deploy with Netlify to our official starter templates to make it easier than ever to deploy Solid applications.


1.0 Release and Response

We've had an incredible response to the 1.0 release. It is great to see years of work come to fruition. See what some of the voices in the industry have been saying about Solid:


Expanding the Team

I started this project and ran it on my own for many years but it had definitely grown beyond me. We've been expanding the team. Since I've never formally introduced the rest of the team I will take the opportunity now:

David Di Biase - Web Site/Community Manager

Alexandre Mouton Brady - Templates/Integrations

Milo M. - Tooling

Ryan Turnquist - Router/Libraries

Dan Jutan - Documentation/Training

There are also a small group of contributors making some great adds to Solid's ecosystem. You can see bios here.


Growing Ecosystem

Every day it seems like new libraries are coming out that showcase what you can do with Solid. So I thought I'd highlight a few of them.

Solid Primitives - Our "React Use". A set of high-quality reusable primitives.

Solid Flip - A new animation library that makes it easier than ever to do flip animations.

Solid DND - Drag and drop port of dnd-kit made to leverage Solid's fine-grained reactivity.

@felte/solid - A port of the Felte form library for Svelte available in Solid.

Solid URQL - A URQL wrapper to make using GraphQL in Solid easier than ever.

While not complete, there are several Component libraries currently being worked on:
Solid Headless
Solid Blocks

And recently with the question of DSL a few projects have been attempting to bring Svelte-like syntax into Solid:
Babel Plugin Solid Labels
Babel Plugin Undestructure

Interested in seeing more. Check out the Resources section of the website or the community-driven Awesome Solid.


Translations

We could have never anticipated the interest in translations right out the gate but so much great work being done by contributors. We now have documentation on solidjs.com available in 10 languages.

The full tutorials are being translated as well and are currently available in English, Japanese, and Chinese.

Thanks so much to:
Gaving Cong 🇨🇳
Jun Shindo 🇯🇵
David Di Biase 🇮🇹
Candido Sales Gomez 🇧🇷
Steven Yung 🇫🇷
Mehdi (MidouWebDev) 🇫🇷
Athif Humam 🇮🇩
Alex Lohr 🇩🇪
Pheianox 🇷🇺


Content Explosion

In a similar vein, the amount of new Solid content that has been pouring in has been amazing. Honestly, there is so much between featured on Fireship, to the many independent streams and interviews/podcasts I participated in. But here's a couple that really stood out:

Articles

Introduction to the Solid JavaScript Library by Charlie Gerard - CSS-Tricks
One of the best introductions we've seen written to date. A really good overview of all the core features.

SolidJS said stiffly: I am more react than React by Kasong - Segment Fault
Despite the translation, you can get the humor of this article which provides some great examples to illustrate Solid's approach.

Podcasts

SolidJS with Ryan Carniato - PodRocket
We talk about a lot more than just Solid but trends in frontend in general.

React vs Svelte vs Solid & MicroFrontends | Ryan Carniato - Nikos Show
This podcast talks about developments in compilers and in server-side rendering in JavaScript Frameworks.

Videos

And if you haven't seen it yet check out my talk at React Finland which is a great introduction to SolidJS for those coming from a React background.

I've also started streaming on my Youtube channel. So if you are interested in the inner workings of the framework could be worth checking out.


Current Development

New things are coming down the pipeline for Solid in the coming months. Mostly we want to make it easier for people to approach using Solid. For that reason, there are 3 things we are working on that we feel will aid in that process a lot.

Documentation

While my tireless nights writing those over a couple months in the spring got us here, we can do better. Dan Jutan has been doing a great job focusing on the language to make the tutorials more accessible to developers with all levels of familiarity. We are also working on more beginner-focused, long-form tutorials to help onboarding people newer to web development.

Server Side Rendering

Consolidating and generalizing on use cases to make it easier to use Solid in a variety of projects. This will include better documentation and rounding out a lot of the rough edges. The flagship experience for Single Page App SSR will be present through our new Solid Start project which is an official minimal Meta-Framework built on top of Vite with support of deploying to various platforms. But this work will also include better support for integration with Astro for those interested in Multi-Page Apps. So no matter what type of web application you are building we have you covered.

Reactive Performance

Finally, I'm personally doing a rework and optimization of our core reactive system. The last time I gave it a good tune was back in February 2020. We've added a lot of features since then and it's time to streamline out the edge cases and improve performance. This is especially important as we look to support custom renderers, for things like WebGL or native.


And that's it for now. We're going to be doing these updates more often in the future. So much incredible stuff has been going on and I can only imagine what more we will have to share next time.

Discussion (7)

Collapse
etienneburdet profile image
Etienne Burdet • Edited on

This post—along with some previous one—made me realize that the boldest part of Solid is probably how it challenges React on its own ground. Most other framework try to bring something different: different templating, different data binding etc. But no, full JSX, one-way databinding and still you bring something.

Acknowledging what works in React and trying to "improve on it" as a solo is just… very bold… and it works! Congrats! 🎉 I really have to give it a real go !

Collapse
mvelbaum profile image
Michael Velbaum

Ryan, I believe you mentioned somewhere that Marko is good for content sites/blogs/eCommerce while React is more suited for web apps. I'm starting work on a web app soon and I wanted to see if you still feel that way. Is SolidJS an alternative to React for more web-app-focused apps, or is Marko also a contender in this space now?

I'd like to make sure the app is offline-first (PWA) so that the experience is good on mobile and desktop.

Collapse
peerreynders profile image
peerreynders • Edited on

I'd like to make sure the app is offline-first (PWA)

A PWA doesn't have to be a SPA.

That's a misconception that came about when Google inadvertently coupled PWA with the App Shell Model. With ServiceWorker, and Cache (and perhaps IndexedDB) it can make sense to fashion a PWA as a MPA.

Google Codelabs

So "offline PWA" doesn't really dictate the choice of the UI framework - some have been built with jQuery.

Why Progressive Web Applications Are Not Single Page Applications

In his 2018 talk Beyond SPAs: alternative architectures for your PWA Jeff Posnick presented a sample MPA PWA that uses lit for the UI.

Collapse
ryansolid profile image
Ryan Carniato Author • Edited on

I'd say the statement is still true. Nothing prevents Marko to be used this way, but Solid definitely more on the React side. And a lot more consideration given to SPA concerns. You could make a SPA with Marko, but there is less available there because of the MPA focus. The reason I mentioned Marko is good for content sites/blogs/eCommerce is because it is so good at those. Like unquestionably good. For the app side there are more options. I think on pure technology Solid one of the better ones(I would, wouldn't I?), but there are more to these sort of decisions that technology.

Collapse
isaachagoel profile image
Isaac Hagoel

Hi people who are interested in Solid.
If you need a drag and drop library that is "plug and play", accessible, supports touch and keyboard etc. I've made this for you
github.com/isaacHagoel/solid-dnd-d...
Cheers
solid-dnd-directive

Collapse
bboydflo profile image
Florin Cosmin

Just wow! Looking forward to learn Solid!

Collapse
releasedevil profile image
Comment marked as low quality/non-constructive by the community. View Code of Conduct
Zen

The name of the Chinese translation contributor should be Gavin Gong.😂