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:
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
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-typed-router: a typed router for Solid by Alfredo Maria Milano
solidbase: Fully featured, fully customisable static site generation for SolidStart by jer3m01
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
🤖 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 😎