one-aalam/awesome-solid-js

Curated resources on building sites with SolidJS, a brand new way(now 1.0) to build Javascript based interactive web applications. A very close looking cousin to React/JSX by syntax, and to Svelte by few important principles(compiler and fine-grained reactivity), it's a highly optimised way to deliver web applications with best-in-class performance.

Hi! Welcome to Aftab's Github Profile

I'm a Javascript Architect/Lead with over a decade+ of experience and you've stumbled upon my personal slice of the Github – a place where I push the fruits of my curiosity, things I learn and am passionate about, as well as the outcome of the work I do and can share publicly

• 🌍 I'm based in Delhi, India
• 📝 I write stuff at aalam.in
• 🔭 I’m currently working on Enterprise Projects with React/Next.js and Angular since last few years
• 🚀 I'm also working on a learning platform for beginner web developers ilm.aalam.in (Coming Soon)
• 🧠 I'm learning Rust, Golang besides all the latest and great things happening in the Front-end/Javascript ecosystem.
• 🤝 I'm open to collaborating on Typescript
• ⚡ I'm a foodie at heart

Skills

Socials

My GitHub Stats

(Since 15th June, 2021)

awesome-solid-js's Issues

Add zagjs

https://zagjs.com/overview/installation supports solid js

"Solid Chart.js" repo is no longer available

Hi,
I noticed that the "Solid Chart.js" repo and page is no longer available.

Solid Chart js is missing

Both NPM package and the GH repo for the solid.js wrapper of Chart.js have 404. I could not find the library anywhere else, probably it should be removed.

Add tags for GitHub repo to help with discovery

Existing tags: awesome, awesome-list

Suggested tags (from SolidJS and other awesome lists): list, resources, javascript, frontend, reactive, solid, jsx

Add Solid Material

https://github.com/ceopaludetto/solid-material

Include libraries from SolidHack

The recent SolidHack competition has a list of great new apps and libraries.

Add Astro, vite-plugin-ssr and Mitosis

They are part of the ecosystem, Astro has built in integration, vite-plugin-ssr doesn't have built in integration with anything but they have a working example with Solid, and Mitosis can actually compile into Solid.

Use a variation of logo shared on awesome list with complementary colors and suggested font?

Example SVG code

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" stroke="#000" stroke-linecap="round" stroke-linejoin="round" fill="#fff" fill-rule="evenodd" font-family="Roboto" font-size="14" text-anchor="middle" viewBox="207 0.2 585 576.77"><style><![CDATA[svg text{white-space:pre}]]></style><defs><style>@font-face{font-family:"-MhslOVMTea-CdzX86qd";src:url(data:application/font-woff;charset=utf-8;base64,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) format("woff"); font-weight:normal;font-style:normal;}</style><linearGradient id="A" x1="-347.58%" y1="-413.68%" x2="-346.51%" y2="-411.40%"><stop offset="10%" stop-color="#76b3e1"/><stop offset="30%" stop-color="#dcf2fd"/><stop offset="100%" stop-color="#76b3e1"/></linearGradient><linearGradient id="B" x1="-384.25%" y1="-525.85%" x2="-384.48%" y2="-522.31%"><stop offset="0%" stop-color="#76b3e1"/><stop offset="50%" stop-color="#4377bb"/><stop offset="100%" stop-color="#1f3b77"/></linearGradient><linearGradient id="C" x1="-307.64%" y1="-412.79%" x2="-306.65%" y2="-410.68%"><stop offset="0%" stop-color="#315aa9"/><stop offset="50%" stop-color="#518ac8"/><stop offset="100%" stop-color="#315aa9"/></linearGradient><linearGradient id="D" x1="-359.54%" y1="-652.28%" x2="-360.09%" y2="-643.04%"><stop offset="0%" stop-color="#4377bb"/><stop offset="50%" stop-color="#1a336b"/></linearGradient><linearGradient id="E" x1="-685.86%" y1="-422.94%" x2="-684.78%" y2="-420.66%"><stop offset="10%" stop-color="#76b3e1"/><stop offset="30%" stop-color="#dcf2fd"/><stop offset="100%" stop-color="#76b3e1"/></linearGradient><linearGradient id="F" x1="-762.71%" y1="-536.37%" x2="-762.94%" y2="-532.83%"><stop offset="0%" stop-color="#76b3e1"/><stop offset="50%" stop-color="#4377bb"/><stop offset="100%" stop-color="#1f3b77"/></linearGradient><linearGradient id="G" x1="-629.64%" y1="-420.27%" x2="-628.65%" y2="-418.16%"><stop offset="0%" stop-color="#315aa9"/><stop offset="50%" stop-color="#518ac8"/><stop offset="100%" stop-color="#315aa9"/></linearGradient><linearGradient id="H" x1="-736.54%" y1="-662.90%" x2="-737.09%" y2="-653.66%"><stop offset="0%" stop-color="#4377bb"/><stop offset="50%" stop-color="#1a336b"/></linearGradient><path id="I" d="M404.299987793 187.7398925781S366.9666442871 160.268182373 338.0861511231 166.6078125l-2.1132202149.7043914795c-4.2264099121 1.4088134765-7.7484130859 3.5220184326-9.8616333008 6.3396301269l-1.4088134765 2.1132049561-10.5660400391 18.3144683838 18.3144836426 3.5220184326c7.7484130859 4.9308166504 17.6100463867 7.0440216064 26.7673034668 4.9308166504l32.4024963379 6.3396148681 12.6792602539-21.1320800781v.0000152588z"/><path id="J" d="M326.1112976075 187.7398925781l-2.8175964356.7043914795c-11.9748535156 3.5220184326-15.4968566894 14.7924499511-9.1572265625 24.6540985107 7.0440368652 9.1572265625 21.8364868164 14.0880432129 33.8113098145 10.5660400391l43.6729736328-14.7924499512s-37.3333435059-27.4717102051-65.5094299317-21.1320800781h-.0000305175z"/><path id="K" d="M709.299987793 191.7398925781S671.9666748047 164.268182373 643.0861206055 170.6078125l-2.1131591797.7043914795c-4.2264404297 1.4088134765-7.7484741211 3.5220184326-9.8616333008 6.3396301269l-1.4088134765 2.1132049561-10.5660400391 18.3144683838 18.314453125 3.5220184326c7.7484130859 4.9308166504 17.6100463867 7.0440216064 26.7672729492 4.9308166504l32.4025268555 6.3396148681 12.6792602539-21.1320800781v.0000152588z"/><path id="L" d="M631.111328125 191.7398925781l-2.8176269531.7043914795c-11.9748535156 3.5220184326-15.496887207 14.7924499511-9.1572265625 24.6540985107 7.0440063476 9.1572265625 21.8364868164 14.0880432129 33.811340332 10.5660400391l43.6729125977-14.7924499512s-37.3333129883-27.4717102051-65.5093994141-21.1320800781h0z"/></defs><g stroke="none" fill-rule="nonzero"><path d="M792 137.9000183105L642 .300012207l-21.1000366211 23 125 114.6000061035H253.1999816895l125-114.700012207-21.1000061036-23-150 137.700012207H207v90.6999969483c0 41.0000152588 39.4999847412 74.4000091552 88 74.4000091552h92.5c48.5 0 88-33.3999938964 88-74.4000091552v-59.5h48v59.6000061035c0 40.9999847412 39.5 74.4000091553 88 74.4000091553H704c48.5 0 88-33.4000244141 88-74.4000091553v-90.8000030518z" fill="#aa6e46"/><use xlink:href="#I" fill="#76b3e1"/><use xlink:href="#I" fill="url(#A)" opacity=".3"/><use xlink:href="#J" fill="#518ac8"/><use xlink:href="#J" fill="url(#B)" opacity=".3"/><path d="M383.8723144532 219.4379974365c-8.0672912598-10.0785369873-21.4407958985-14.2577667236-33.8113098145-10.566040039l-43.6729736328 14.0880584717-14.0880432129 24.6540832519 78.8930664063 13.3836364746 14.0880737304-25.3584747314c2.8175964356-4.9308166504 2.1131896973-10.5660400391-1.4088134765-16.2012634278h0z" fill="url(#C)"/><path d="M369.7842712403 244.0920959473c-8.0672912598-10.0785522461-21.440826416-14.2577667236-33.8113098145-10.5660400391l-43.6729736328 14.0880432129s37.3333435059 28.1760864258 66.2138366699 21.1320800781l2.1132202149-.7044067382c11.974822998-3.5220031739 16.2012634277-14.7924499512 9.1572265625-23.9496765137z" fill="url(#D)"/><use xlink:href="#K" fill="#76b3e1"/><use xlink:href="#K" fill="url(#E)" opacity=".3"/><use xlink:href="#L" fill="#518ac8"/><use xlink:href="#L" fill="url(#F)" opacity=".3"/><path d="M688.8723144532 223.4379974365c-8.0673217774-10.0785369873-21.4407958985-14.2577667236-33.8113403321-10.566040039l-43.6729125976 14.0880584717-14.0880737305 24.6540832519 78.8930664063 13.3836364746 14.0880737304-25.3584747314c2.8176269531-4.9308166504 2.1132202149-10.5660400391-1.4088134765-16.2012634278h0z" fill="url(#G)"/><path d="M674.7842407227 248.0920959473c-8.0672607422-10.0785522461-21.4407958984-14.2577667236-33.8112792969-10.5660400391l-43.6729736328 14.0880432129s37.3333129883 28.1760864258 66.2138671875 21.1320800781l2.1131591797-.7044067382c11.9748535156-3.5220031739 16.2012939453-14.7924499512 9.1572265625-23.9496765137z" fill="url(#H)"/></g><text fill="#484465" font-size="112" font-family="-MhslOVMTea-CdzX86qd" stroke="none"><tspan x="499.5" y="548.96">solidjs</tspan></text><text fill="#474563" font-size="110" font-family="-MhslOVMTea-CdzX86qd" stroke="none"><tspan x="502" y="435.8">awesome</tspan></text></svg>

Drawn using https://vecta.io/app