-
-
Notifications
You must be signed in to change notification settings - Fork 887
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
David Di Biase
committed
Jul 17, 2021
1 parent
f307a74
commit 1a6b512
Showing
3 changed files
with
165 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,57 @@ | ||
# Articoli | ||
|
||
## Podcast | ||
|
||
- [The Deep Dive Ep#4 Reactive Frontend Frameworks](https://thedeepdive.simplecast.com/episodes/reactive-frontend-frameworks) | ||
|
||
## Videos | ||
|
||
- [React to Solid](https://www.youtube.com/watch?v=p8e9ta269x8&t=4425s) | ||
- [UI Libraries, Improving React.js & Music](https://www.youtube.com/watch?v=Dq5EAcup044) | ||
- [Solid Video Series By Eric Schmucker](https://www.youtube.com/playlist?list=PLtLhzwNMDs1fMi43erQSzXD49Y4p0TniU) | ||
|
||
## Articoli Recenti | ||
|
||
- [Components are Pure Overhead](https://dev.to/this-is-learning/components-are-pure-overhead-hpm) Unnecessary boundaries have real cost. | ||
- [5 Places SolidJS is not the Best](https://dev.to/this-is-learning/5-places-solidjs-is-not-the-best-5019) It's important to know the limitations of your tools. | ||
- [Building a Reactive Library from Scratch](https://dev.to/ryansolid/building-a-reactive-library-from-scratch-1i0p) Build a reactive library in only 50 lines of code. | ||
- [A Hands-on Introduction to Fine-Grained Reactivity](https://dev.to/ryansolid/a-hands-on-introduction-to-fine-grained-reactivity-3ndf) Learn reactivity by example. | ||
- [5 Ways SolidJS Differs from Other JS Frameworks](https://dev.to/ryansolid/5-ways-solidjs-differs-from-other-js-frameworks-1g63) Discover what sets Solid apart from other JS frameworks. | ||
- [JavaScript Frameworks, Performance Comparisopn 2020](https://javascript.plainenglish.io/javascript-frameworks-performance-comparison-2020-cd881ac21fce) Solid conquers them all. | ||
- [SolidJS: The Tesla of JavaScript Frameworks?](https://medium.com/@ryansolid/solidjs-the-tesla-of-javascript-ui-frameworks-6a1d379bc05e) Tech built for Economy can be used for Performance | ||
- [The Journey to Isomorphic JavaScript Performance](https://indepth.dev/the-journey-to-isomorphic-rendering-performance) Finding the right SSR solution for Solid. | ||
- [Why I am not a fan of Single File Components](https://dev.to/ryansolid/why-i-m-not-a-fan-of-single-file-components-3bfl) Exploring the advantages of Solid's templates | ||
- [How we wrote the Fastest JavaScript Framework, Again!](https://levelup.gitconnected.com/how-we-wrote-the-fastest-javascript-ui-framework-again-db097ddd99b6) This time we conquered the server | ||
- [Solid - The best JavaScript UI library?](https://areknawo.com/solid-the-best-javascript-ui-library/) | ||
- [SolidJS: Reactivity to Rendering](https://indepth.dev/solidjs-reactivity-to-rendering/) Building Solid's reactive renderer from the ground up | ||
- [Comparing reactivity models - React vs Vue vs Svelte vs MobX vs Solid vs Redux](https://dev.to/lloyds-digital/comparing-reactivity-models-react-vs-vue-vs-svelte-vs-mobx-vs-solid-29m8) | ||
- [Best React-like JSX UI Libraries in 2020](https://areknawo.com/best-react-like-jsx-ui-libraries-in-2020/) | ||
- [Exploring Reactivity Patterns in 2020](https://indepth.dev/exploring-the-state-of-reactivity-patterns-in-2020/) What's the latest trend in the frontend? | ||
- [Why SolidJS: Do We Really Need Another JS UI Library](https://dev.to/ryansolid/why-solidjs-do-we-need-another-js-ui-library-1mdc) Ryan's personal journey creating SolidJS. | ||
- [Thinking Granular: How is SolidJS so Performant?](https://dev.to/ryansolid/thinking-granular-how-is-solidjs-so-performant-4g37) An end to end look at what makes SolidJS so fast. | ||
- [Introducing the SolidJS UI Library](https://dev.to/ryansolid/introducing-the-solidjs-ui-library-4mck) Top 5 reasons to consider learning about SolidJS. | ||
- [A Solid RealWorld Demo Comparison of JavaScript Frameworks](https://levelup.gitconnected.com/a-solid-realworld-demo-comparison-8c3363448fd8) How does Solid perform in a larger application? | ||
- [Designing SolidJS: Abstraction](https://levelup.gitconnected.com/designing-solidjs-abstraction-66d8c63fa7d1?source=friends_link&sk=9cc520bbba3d97872a78081a8ab7b259) Understanding both the power and cost of abstraction. | ||
- [Designing SolidJS: Suspense](https://itnext.io/designing-solidjs-suspense-f4e92c625cb5?source=friends_link&sk=f06f93d28632daba59048ed3d6d6b0a5) React isn't the only library that stops time. | ||
- [Designing SolidJS: JSX](https://medium.com/@ryansolid/designing-solidjs-jsx-50ee2b791d4c?source=friends_link&sk=ef3d7ada15b50a6b5b7f5aee2cb8f952) How is it that the syntax born of the Virtual DOM is also secretly the best syntax for Reactive UI libraries? | ||
- [Designing SolidJS: Immutability](https://medium.com/javascript-in-plain-english/designing-solidjs-immutability-f1e46fe9f321?source=friends_link&sk=912e32c63353ff0e084630bf3b63a8b1) Can Reactive State Management be both Immutable and also the most performant? | ||
- [Designing SolidJS: Components](https://medium.com/@ryansolid/designing-solidjs-components-8f1ebb88d78b?source=friends_link&sk=cac89d1679d8be2c7bf2b303fabd153c) Exploring Solid's "Vanishing" Components | ||
- [Designing SolidJS: Reactivity](https://medium.com/@ryansolid/designing-solidjs-reactivity-75180a4c74b4?source=friends_link&sk=dbb9dd46a2e902c199ad3d5c7aeb1566) Finding the right reactivity model for Solid. | ||
- [Designing SolidJS: Dualities](https://medium.com/@ryansolid/designing-solidjs-dualities-69ee4c08aa03?source=friends_link&sk=161ddd70db4fca50d6f33b6d53056d36) How exploring opposites can help us redefine the whole problem space. | ||
- [Understanding Solid: JSX](https://dev.to/atfzl/understanding-solid-jsx-584p) | ||
- [Understanding Solid: Reactivity Basics](https://dev.to/atfzl/understanding-solid-reactivity-basics-39kk) | ||
- [How we wrote the Fastest JavaScript UI Frameworks](https://medium.com/@ryansolid/how-we-wrote-the-fastest-javascript-ui-frameworks-a96f2636431e) How Solid topped the JS Framework Benchmark. | ||
- [Finding Fine Grained Reactive Programming](https://levelup.gitconnected.com/finding-fine-grained-reactive-programming-89741994ddee?source=friends_link&sk=31c66a70c1dce7dd5f3f4229423ad127) Introduction to the inner workings of Solid's Reactive system. | ||
- [The Real Cost of UI Components](https://medium.com/better-programming/the-real-cost-of-ui-components-6d2da4aba205?source=friends_link&sk=a412aa18825c8424870d72a556db2169) Comparison of the cost of Components in different UI Libraries. | ||
- [The Fastest Way to Render the DOM](https://medium.com/@ryansolid/the-fastest-way-to-render-the-dom-e3b226b15ca3?source=friends_link&sk=5ae1688dde789e46cecf5c976e708da5) Comparison of all Solid Renderers against the Fastest Libraries in the World. | ||
- [JavaScript UI Compilers: Comparing Svelte and Solid](https://medium.com/@ryansolid/javascript-ui-compilers-comparing-svelte-and-solid-cbcba2120cea) A closer look at precompiled UI libraries | ||
- [Building a Simple JavaScript App with Solid](https://levelup.gitconnected.com/building-a-simple-javascript-app-with-solid-ff17c8836409) Dissecting building TodoMVC with Solid. | ||
- [Solid — The Best JavaScript UI Library You’ve Never Heard Of](https://levelup.gitconnected.com/solid-the-best-javascript-ui-library-youve-never-heard-of-297b22848ac1?source=friends_link&sk=d61fc9352b4a98c6c9f5f6bd2077a722) | ||
- [What Every JavaScript Framework Could Learn from React](https://medium.com/@ryansolid/what-every-javascript-framework-could-learn-from-react-1e2bbd9feb09?source=friends_link&sk=75b3f6f90eecc7d210814baa2d5ab52c) The lessons Solid learned from React. | ||
- [React Hooks: Has React Jumped the Shark?](https://medium.com/js-dojo/react-hooks-has-react-jumped-the-shark-c8cf04e246cf?source=friends_link&sk=a5017cca813ea970b480cc44afb32034) Comparison of React Hooks to Solid. | ||
- [How I wrote the Fastest JavaScript UI Framework](https://medium.com/@ryansolid/how-i-wrote-the-fastest-javascript-ui-framework-37525b42d6c9?source=friends_link&sk=8eb9387a535a306d1eb96f7ce88c4db5) The key to Solid's performance. | ||
- [Part 5: JS Frameworks in 2019](https://medium.com/@ryansolid/b-y-o-f-part-5-js-frameworks-in-2019-deb9c4d3e74) | ||
- [Part 4: Rendering the DOM](https://medium.com/@ryansolid/b-y-o-f-part-4-rendering-the-dom-753657689647) | ||
- [Part 3: Change Management in JavaScript Frameworks](https://medium.com/@ryansolid/b-y-o-f-part-3-change-management-in-javascript-frameworks-6af6e436f63c) | ||
- [Part 2: Web Components as Containers](https://medium.com/@ryansolid/b-y-o-f-part-2-web-components-as-containers-85e04a7d96e9) | ||
- [Part 1: Writing a JS Framework in 2018](https://medium.com/@ryansolid/b-y-o-f-part-1-writing-a-js-framework-in-2018-b02a41026929) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,37 @@ | ||
# Esempi | ||
|
||
## Online | ||
|
||
- [Counter](https://codesandbox.io/s/8no2n9k94l) Simple Counter | ||
- [Simple Todos](https://codesandbox.io/s/lrm786ojqz) Todos with LocalStorage persistence | ||
- [Simple Routing](https://codesandbox.io/s/jjp8m8nlz5) Use 'switch' control flow for simple routing | ||
- [Scoreboard](https://codesandbox.io/s/solid-scoreboard-sjpje) Make use of hooks to do some simple transitions | ||
- [Tic Tac Toe](https://playground.solidjs.com/?hash=1586517762&version=1.0.0) Simple Example of the classic game | ||
- [Form Validation](https://codesandbox.io/s/solid-form-validation-2cdti) HTML 5 validators with custom async validation | ||
- [CSS Animations](https://codesandbox.io/s/basic-css-transition-36rln?file=/index.js) Using Solid Transition Group | ||
- [Styled Components](https://codesandbox.io/s/solid-styled-components-yv2t1) A simple example of creating Styled Components. | ||
- [Styled JSX](https://codesandbox.io/s/solid-styled-jsx-xgx6b) A simple example of using Styled JSX with Solid. | ||
- [Counter Context](https://codesandbox.io/s/counter-context-gur76) Implement a global store with Context API | ||
- [Async Resource](https://codesandbox.io/s/2o4wmxj9zy) Ajax requests to SWAPI with Promise cancellation | ||
- [Async Resource GraphQL](https://codesandbox.io/s/async-resource-graphql-r4rcx?file=/index.js) Simple resource for handling graphql request. | ||
- [Suspense](https://codesandbox.io/s/5v67oym224) Various Async loading with Solid's Suspend control flow | ||
- [Suspense Tabs](https://codesandbox.io/s/solid-suspense-tabs-vkgpj) Defered loading spinners for smooth UX. | ||
- [SuspenseList](https://codesandbox.io/s/solid-suspenselist-eorvk) Orchestrating multiple Suspense Components. | ||
- [Redux Undoable Todos](https://codesandbox.io/s/pkjw38r8mj) Example from Redux site done with Solid. | ||
- [Simple Todos Template Literals](https://codesandbox.io/s/jpm68z1q33) Simple Todos using Lit DOM Expressions | ||
- [Simple Todos HyperScript](https://codesandbox.io/s/0vmjlmq94v) Simple Todos using Hyper DOM Expressions | ||
|
||
## Demo | ||
|
||
- [TodoMVC](https://github.com/solidjs/solid-todomvc) Classic TodoMVC example | ||
- [Real World Demo](https://github.com/solidjs/solid-realworld) Real World Demo for Solid | ||
- [Hacker News](https://github.com/solidjs/solid-hackernews) Hacker News Clone for Solid | ||
- [Storybook](https://github.com/rturnq/storybook-solid) Solid with Storybook | ||
|
||
## Punti di riferimenti | ||
|
||
- [JS Framework Benchmark](https://github.com/krausest/js-framework-benchmark/tree/master/frameworks/keyed/solid) The one and only | ||
- [Sierpinski's Triangle Demo](https://github.com/ryansolid/solid-sierpinski-triangle-demo) Solid implementation of the React Fiber demo. | ||
- [WebComponent Todos](https://github.com/shprink/web-components-todo/tree/main/solid) Showing off Solid Element | ||
- [UIBench Benchmark](https://github.com/ryansolid/solid-uibench) a benchmark tests a variety of UI scenarios. | ||
- [DBMon Benchmark](https://github.com/ryansolid/solid-dbmon) A benchmark testing ability of libraries to render unoptimized data. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,71 @@ | ||
# Progetti | ||
|
||
## Libraries | ||
|
||
- [Solid Element](https://github.com/solidjs/solid/blob/main/packages/solid-element) | ||
Extensions to Solid.js that add a Web Component wrapper. | ||
- [Lume Element](https://github.com/lume/element) Build Web Components with simple templates and reactivity. | ||
- [Solid Styled Components](https://github.com/solidjs/solid-styled-components) | ||
Styled Components for Solid using 1kb library Goober. | ||
- [Solid Styled JSX](https://github.com/solidjs/solid-styled-jsx) | ||
Wrapper for using Solid with Vercel's Styled JSX. | ||
- [Solid Meta](https://github.com/solidjs/solid/blob/main/packages/solid-meta) | ||
Library for adding metadata tags to the document head. | ||
- [Solid Transition Group](https://github.com/solidjs/solid-transition-group) Simple animations for Solid | ||
- [Storeon Solid](https://github.com/storeon/solidjs) Solid bindings for Storeon | ||
- [Reatom Solid](https://github.com/skrylnikov/reatom-solid) Solid bindings for Reatom | ||
- [Solid Orbit](https://github.com/andgate/solid-orbit) Solid bindings for Orbit | ||
- [Solid Form](https://github.com/mduclehcm/solid-form) Formik inspired form lib for Solid. | ||
- [Solid i18n](https://github.com/amoutonbrady/solid-i18n) Tiny translation library for solid-js inspired by rosetta | ||
- [Solid Chart](https://github.com/MrFoxPro/solid-chart.js) Solid Chart.js wrapper | ||
- [Solid HeroIcons](https://github.com/amoutonbrady/solid-heroicons) HeroIcons for Solid | ||
- [React Solid State](https://github.com/solidjs/react-solid-state) | ||
React Hooks API to use Solid.js paradigm in your existing React apps. | ||
|
||
## Router | ||
|
||
- [Solid Router](https://github.com/rturnq/solid-router) A React Router inspired router for Solid | ||
- [Solid App Router](https://github.com/solidjs/solid-app-router) A configuration driven nested router for Solid | ||
- [Solid TypeFu Router5](https://github.com/mikeplus64/solid-typefu-router5) A TypeScript forward router | ||
|
||
## Componenti | ||
|
||
- [Lume](https://github.com/lume/lume) Toolkit that simplifies the creation of rich and interactive 2D or 3D experiences built with Solid | ||
- [solidjs-treeview-component](https://github.com/milahu/solidjs-treeview-component) Interactive tree of nodes, expand/collapse, fetch child nodes on demand | ||
|
||
## Starters | ||
|
||
- [Solid Templates](https://github.com/solidjs/templates) - Official Solid Templates powered by [Vite](https://vitejs.dev/) | ||
- [Create Solid](https://github.com/solidjs/create-solid) Solid's port of Create React App. | ||
- [Solid TypeScript Rollup](https://github.com/high1/solid-typescript-rollup) - Rollup | ||
- [Solid Rollup Boilerplate](https://github.com/MrFoxPro/solid-rollup-boilerplate) - Rollup | ||
- [Solid TypeScript Starter](https://github.com/high1/solid-typescript-starter) - Webpack | ||
- [Solid TS Webpack](https://github.com/ryansolid/solid-ts-webpack) - Webpack | ||
- [Solid Parcel Starter](https://gitlab.com/enom/solid-parcel-starter) - Parcel | ||
- [Parcel 2 Solid TS Starter](https://github.com/amoutonbrady/parcel2-solid-ts-starter) - Parcel | ||
- [Solid Snowpack Starter](https://github.com/amoutonbrady/solid-snowpack-starter) - Snowpack | ||
|
||
## Utensileria | ||
|
||
- [JSX-Lite](https://github.com/builderio/jsx-lite) Generalized JSX that transpiles into Solid, React, Angular, Vue, etc. They have plugins for Figma, VSCode, & Builder.io. | ||
- [Solid Refresh](https://github.com/solidjs/solid-refresh) Universal plugin for HMR | ||
- [Solid Jest](https://github.com/solidjs/solid-jest) Presets to test Solid for Browser or Node | ||
- [Solid Testing Library](https://github.com/solidjs/solid-testing-library) Solid's Testing Library | ||
- [Vite Plugin Solid](https://github.com/amoutonbrady/vite-plugin-solid) Solid plugin for Vite. | ||
- [Solid Playground](https://github.com/solidjs/solid-playground) A playground for Solid. | ||
- [Solid Debug](https://github.com/amoutonbrady/solid-debug) Simple visual debugger for Solid. | ||
- [Solid Esbuild Plugin](https://github.com/amoutonbrady/esbuild-plugin-solid) Solid plugin for Esbuild. | ||
|
||
## Progetti correlati | ||
|
||
- [DOM Expressions](https://github.com/ryansolid/dom-expressions) | ||
The renderer behind Solid.js that enables lightning fast fine grained performance. | ||
- [Babel Plugin JSX DOM Expressions](https://github.com/ryansolid/dom-expressions/tree/main/packages/babel-plugin-jsx-dom-expressions) | ||
Babel plugin that converts JSX to DOM Expressions. | ||
- [Lit DOM Expressions](https://github.com/ryansolid/dom-expressions/tree/main/packages/lit-dom-expressions) | ||
Tagged Template Literal API for DOM Expressions. | ||
- [Hyper DOM Expressions](https://github.com/ryansolid/dom-expressions/tree/main/packages/hyper-dom-expressions) | ||
HyperScript API for DOM Expressions. | ||
- [Surplus](https://github.com/adamhaile/surplus) Original reactive JSX library | ||
|
||
Conosci altri grandi progetti e biblioteche Solid? Si prega di inviarli. Ci piace vedere su cosa stai lavorando. |