大家好👋
十二月已经到来,本年度《本月 Solid》第十期也是最后一期也即将到来!
我很抱歉这周才发布这篇文章,但我决定最好等到 SolidHack 结束后我才能给你更多的内容。
在我们开始了解发生了什么之前,先来回顾一下本月 Solid 的运作方式。
格式
受到 Ryan Carniato 本周 JavaScript 和 Sébastien Lorber 本周 React 的启发,我计划在每个月末发布有关 Solid 世界的更新、帖子和视频的汇编。
每个帖子将按以下方式拆分:
可靠更新:来自核心团队、组织或文档的更新。生态系统更新:来自为 Solid 或使用 Solid 构建产品的人的更新。在线找到:有关 Solid 和/或 Solid 相关主题的视频、帖子和推文。需要注意的事项:宣布与 Solid 及其社区相关的事项。我们的目标是每月为您提供有关 SolidJS 的所有更新。所以,让我们立即开始第十期《本月 Solid》。
实质性更新
SolidHack 2024
SolidHack 已经落下帷幕,这真是太有趣了。参赛作品和合作作品非常多,最终我们在奖项类别和挑战赛中收到了 50 多份参赛作品。
代表 Solid Core 和 DX 团队,我们要感谢大家的参与,让 SolidHack 2024 取得巨大的成功!
我们还要向我们的赞助商 Netlify 和 Sentry 表示衷心的感谢。
首先,我们来回顾一下11月份所获的奖项:
为 UI 库做贡献SolidStart Local-First 库/SDK为 UI 库做贡献为 Solid 创建动画库为 UI 库做贡献现在让我们来看看最大的赢家!

最佳 SolidStart 应用程序:Chris Griffing 的 Giffium
Giffium 是一个可以根据两段代码/配置的差异生成可在社交上共享的 gif 的工具。
Giffium 的灵感来自于 Shiki Magic Move 和 Carbon/Ray.so。
您可以在此处查看
最佳 Solid/SolidStart 生态系统实用程序:Dev Agrawal 的 solid-socket
信号与 WebSocket 相遇。
Solid-Socket 是 SolidStart 的扩展,它通过熟悉的基于信号的 API 添加了实时 websocket 功能。
与 SolidStart 中的“使用服务器”类似,Solid-Socket 添加了“使用套接字”,该套接字被捆绑并在有状态的服务器中运行,这意味着您可以访问与其主机服务器一样长的全局状态,并且任何导出的函数都会转换为通过 websockets 的 RPC/Subscription 调用。
Solid Socket 还提供了一些强大的实用程序,可以实现
双向反应通信使用存储进行细粒度更新具有增量投影的同步引擎反应式持久性和服务器同步基于 Cookie 的身份验证您可以在此处查看
其他项目怎么样?
好吧,我不想漏掉任何人,所以你现在可以在生态系统更新部分查看所有提交给 SolidHack 的内容 😄
生态系统更新
DatawanLabs 学校:Jafar Aziz 绘制的印度尼西亚学校分布和人口密度可视化Famcash:家庭预算(保罗著)Hackchat:一款在线聊天应用,你可以用它来与朋友讨论 Solid 以及它有多棒。作者:OrJDevMicrodote:提升你的学习效率(作者:Chris Birster)Preuv.io:以您的方式收集推荐作者:Jan VavřínekSeinTrack:Illispi 推出的 Seinfeld 日历与时间追踪应用的混合体Solid Issue Tracker Lite:Brenley Dueck 的问题追踪器项目Solid Migration:由 Andres Lopez Romero 撰写的指南展示了 Solid 的一些关键特性应用于其他库Spotter:具有一流 SolidStart 支持的全栈可观察性框架。Emmanuel Ajike 撰写的《告别黑暗中的 API 调试》等级列表:由 Nir Tamir 建立自己的等级列表本杰明·德科斯特的词汇表duckchess.org:由 Emre Guneyler 提供的永久免费、无广告、开源的鸭子象棋服务器editor.krestianstvo.org:Nikolay Suslov 开发的本地优先文本编辑器featherdoc: 由 dev-rb 开发的学习平台mindapp.cc:Mindapp 的开源思想组织者npmxt:使用 npm e-extended 工具增强您的开发能力 - 提高生产力的必备实用程序,作者:M Faisal Apipelineui.dev:Riccardo Perra 开发的用于可视化、创建和管理 GitHub Actions 工作流的开源编辑器replate.food:Paul Popus 的一款食品食谱生成应用程序和半社交媒体平台solidify:准备好提升你的 SolidJS 技能了吗?作者:Tim Au Yeungswiftprompt.app:由 Shaun Cameron 开发的用于创建明确、模块化和可测试的 AI 提示的本地优先工具dreamkit:Yaroslav Lapin 撰写的您梦寐以求的 Solid.js 开发工具包lift-html:由 Yaroslav Lapin 编写的用于构建 HTML Web 组件的微型库mystic-ui SolidJS 的酷炫精美动画组件,由 Mudit Somani 使用 Tailwind / PandaCSS 和 Motion One 制作nativescript-macos-solid:Ammar Ahmed 撰写的《利用 Solid 的速度和优雅深入 macOS Native 应用开发的世界》prpc:OrJDev 的服务器操作实用程序shiki-magic-move:使用 Shiki 流畅地制作动画代码块,现在可与 Chris Griffing 的 Solid 兼容solid-effect:solid-effect 是一个由 Jonah Henriksson 编写的用于在 SolidJS 中使用 effect-ts 的实用程序库solid-query-builder:由 Swapnesh Sangle 开发的可定制 SolidJS 查询生成器solid-realtime:Jean-François 开发的一款库,可以让你连接和管理来自不同服务(如 Supabase、Firebase 等)的实时数据solid-start-sitemap:该软件包支持由 Martin Rapp 构建 SolidStart 应用程序的站点地图。solid-start-typesafe-fileroutes:SolidStart 的这个插件将创建一个路由清单,该清单基于 Martin Rapp 的文件路由提供类型安全路由solid-typed-router:由 Alfredo Maria Milano 为 Solid 提供的类型路由器solidbase:jer3m01 为 SolidStart 提供功能齐全、完全可定制的静态站点生成somo:Oc1s 为 SolidJS 开发的 toast 库AI SDK Solid UI 1.0.2发布Cap:使用 Solid 和 Tauri 构建QuickStart:由 AI 提供支持、可快速启动的生产级 SaaS 套件网上找到
📹 使用 Atila Fassina 的单点登录 (SSO) 在 SolidStart 中进行社交登录📹 Atila Fassina 开发的带有 Web-Workers 的多线程 SolidStart📹 Atila Fassina 的 Node.js 端到端电子邮件验证流程📹 使用 Node.js 实现 OTP(一次性密码)验证(作者:Atila Fassina)📄 Atila Fassina 的《关于信号的炒作》📄 Brenley Dueck 撰写的 Solid Hack Suspense Learnings🤖 React 开发人员学习 Solid 的阶段🤖 Dev Agrawal 在 2024 年 API World + CloudX + Dev Innovation Summit 上发表了关于 Solid 的演讲🤖 不用担心这种事就好了需要注意的事项
Darko 将在柏林 React Day 上发表演讲
Darko 将于今年 12 月在柏林 React Day 上发表他的演讲“面向未来的 UI:使用 Web 组件进行构建”。
你可以在这里获取门票:reactday.berlin/#tickets
总结
至此,我们结束了 Solid 本月第十期。希望您喜欢它并觉得它有用。如果您有反馈或觉得我遗漏了什么,请告诉我!
另一个了解 Solid World 最新动态的资源是我们的 Discord。您可以在此处加入:discord.com/invite/solidjs
下个月见😎