This Month in Solid #10: SolidHack 2024 Winners 😎

Hello friends 👋
December is here, and with it, the tenth and last issue of the year of This Month in Solid!
I would like to apologize for the week's delay in posting this, but I decided it was better to wait for SolidHack to wrap up so that I could give you more content.
Before we start looking at what happened, the usual review of how This Month in Solid works.

The format

Inspired by Ryan Carniato This Week in JavaScript and Sébastien Lorber This Week In React, I plan to publish a compilation of updates, posts, and videos about the Solid world at the end of every month.

Each post will be split in the following way:

• Solid Updates: updates from the core team, organization, or documentation.
• Ecosystem Updates: updates from people building stuff for or with Solid.
• Found online: videos, posts, and tweets about Solid and/or Solid-related topics.
• Things to look out for: announced things related to Solid and its community.

The goal is to give you a monthly update about all things SolidJS. So, let's dive into our tenth This Month in Solid without further ado.

Solid Updates

SolidHack 2024

SolidHack has wrapped up, and it was a ton of fun. There were so many submissions and collaborations, and, in the end, we ended up with more than 50 submissions between the Award Categories and the Challenges.

In the name of Solid Core and the DX team, we want to thank you all for participating and making SolidHack 2024 a huge success!

We also want to share a huge thank you to our sponsors Netlify and Sentry.

First, let's recap the awards claimed during November:

• Contribute to a UI library
• SolidStart Local-First library/SDK
• Contribute to a UI library
• Create an animation library for Solid
• Contribute to a UI library

Now, on to the big winners!

Best SolidStart App: Giffium by Chris Griffing

Giffium is a tool to generate a socially shareable gif from a diff of two snippets of code/config.

Giffium was inspired by Shiki Magic Move and Carbon/Ray.so.

You can check it out here

Best Solid/SolidStart Ecosystem Utility: solid-socket by Dev Agrawal

Signals meets WebSockets.

Solid-Socket is an extension to SolidStart which adds realtime websocket capabilities over familiar signal based APIs.

Similar to "use server" in SolidStart, Solid-Socket adds a "use socket" which gets bundled and run in a stateful server, which means you have access to global state that lives as long as its host server, and any exported function get turned into RPC/Subscription calls over websockets.

Solid Socket also provides some powerful utilities that enable

• Two way reactive communication
• Fine grained updates using stores
• Sync engine with incremental projections
• Reactive persistance and server sync
• Cookie-based authentication

You can check it out here

What about the other projects?

Well, I don't want anyone to be left out, so you can check all the submissions to SolidHack now in the Ecosystem Updates section 😄

Ecosystem Updates

• DatawanLabs Schools: Visualizing School Distribution and Population Density in Indonesia by Jafar Aziz
• Famcash: Budgeting For Families by Paul
• Hackchat: An Online Chat App You Can Use To Talk To Your Friends About Solid And How Awesome It Is. by OrJDev
• Microdote: Elevate Your Study Sessions by Chris Birster
• Preuv.io: Collect testimonials your way by Jan Vavřínek
• SeinTrack: A hybrid of seinfeld calendar and a time tracking app by Illispi
• Solid Issue Tracker Lite: An issue tracker project by Brenley Dueck
• Solid Migration: Guide showing some key features of Solid applied to other libraries by Andres Lopez Romero
• Spotter: A fullstack observability framework with first-class SolidStart support. Byebye to debugging API(s) in the dark by Emmanuel Ajike
• Tierlist: Build your own tier lists by Nir Tamir
• Vocabularium by Benjamin Decoster
• duckchess.org: the forever free, adless, and open source duck chess server by Emre Guneyler
• editor.krestianstvo.org: Local-first ready text editor by Nikolay Suslov
• featherdoc: A platform for learning by dev-rb
• mindapp.cc: the open source thought organizer by Mindapp
• npmxt: Supercharge your development with npm e-xtended tools - essential utilities to boost productivity by M Faisal A
• pipelineui.dev: Open source editor for visualizing, creating and managing GitHub Actions workflows by Riccardo Perra
• replate.food: A food recipe generation app and semi-social media platform for recipes by Paul Popus
• solidify: Ready to level up your SolidJS skills? by Tim Au Yeung
• swiftprompt.app: Your local-first tool for creating explicit, modular, and testable AI prompts by Shaun Cameron
• dreamkit: the Solid.js dev kit you've always dreamed of by Yaroslav Lapin
• lift-html: a tiny library for building HTML Web Components by Yaroslav Lapin
• mystic-ui Cool and beautiful animated components for SolidJS, crafted with Tailwind / PandaCSS and Motion One by Mudit Somani
• nativescript-macos-solid: dive into the world of macOS Native app development with the speed and elegance of Solid by Ammar Ahmed
• prpc: server Action Utility by OrJDev
• shiki-magic-move: smoothly animated code blocks with Shiki now compatible with Solid by Chris Griffing
• solid-effect: solid-effect is a utility library for working with effect-ts in SolidJS by Jonah Henriksson
• solid-query-builder: customizable SolidJS based Query Builder by Swapnesh Sangle
• solid-realtime: a library that allows you to connect and manage real-time data from different services like Supabase, Firebase, etc by Jean-François
• solid-start-sitemap: this package enables to build a sitemap of a SolidStart app by Martin Rapp
• solid-start-typesafe-fileroutes: this plugin for SolidStart will create a route manifest which provides type-safe routes based on the file-routing by Martin Rapp
• solid-typed-router: a typed router for Solid by Alfredo Maria Milano
• solidbase: Fully featured, fully customisable static site generation for SolidStart by jer3m01
• somo: a toast library for SolidJS by Oc1s
• AI SDK Solid UI 1.0.2 was released
• Cap: Build with Solid and Tauri
• QuickStart: The AI-powered, production-ready SaaS kit for rapid launches

Found Online

• 📹 Social logins in SolidStart with Single Sign-On (SSO) by Atila Fassina
• 📹 Multi-threaded SolidStart with Web-Workers by Atila Fassina
• 📹 E-mail verification flow, end-to-end with Node.js by Atila Fassina
• 📹 Implement OTP (One-Time Password) verification with Node.js by Atila Fassina
• 📄 The Hype Around Signals by Atila Fassina
• 📄 Solid Hack Suspense Learnings by Brenley Dueck
• 🤖 The stages for learning Solid for React Devs
• 🤖 Dev Agrawal spoke about Solid at API World + CloudX + Dev Innovation Summit 2024
• 🤖 It would be nice to not have to worry about this sort of thing

Things to look out for

Darko will be speaking at React Day Berlin

Darko will present his talk Future-Proof Your UI: Building With Web Components at React Day Berlin this December.

You can get your tickets here: reactday.berlin/#tickets

Wrapping up

And, with that, we wrapped up the tenth This Month in Solid. I hope you enjoyed it and found it helpful. Let me know if you have feedback or feel I missed anything!

Another resource to keep updated with the Solid World is our Discord. You can join here: discord.com/invite/solidjs

See you all next month 😎