react-canvaskit
solid-site
| react-canvaskit | solid-site | |
|---|---|---|
| 1 | 66 | |
| 103 | 156 | |
| 3.9% | 1.9% | |
| 2.6 | 8.5 | |
| over 2 years ago | 6 days ago | |
| TypeScript | TypeScript | |
| MIT License | - |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
react-canvaskit
-
Ditch the DOM with SolidJS and Skia CanvasKit
After a little research, I found that someone has already beat me to it for React — react-canvaskit. This implementation used react-reconciler to create a custom renderer for React. This is the same process used by **react-three-fiber** (aka R3F) to bring ThreeJS elements to the React VDOM/lifecycle (e.g. when you use ).
solid-site
-
Learn how to install SolidJS with Flowbite and Tailwind CSS
SolidJS is a popular and open-source declarative JavaScript library that empowers reactive UI interfaces for the web that ensures a performant benchmark, leverages the flexibility of JSX and also provides support for TypeScript, Astro, and Vite.
- Porting my old dynamic form render from React to SolidJS
-
Question: Where does Nuxt 3 fit in, in 2023?
In 2023 there are a wealth of developer options for front-end: React, Vue, Svelte, Solid and many more.
-
Using Solid Start with GitHub pages
You may or may not yet have heard about Solid Start, which is the much anticipated upcoming meta framework for Solid.js currently being in beta.
-
Invoking Solid.js components from your Ember apps
SolidJS is a powerful, pragmatic and productive JavaScript library for building user interfaces with simple and performant reactivity. It stands on the shoulders of giants, particularly React and Knockout. If you've developed with React Functional Components and Hooks before, Solid will feel very natural because it follows the same philosophy as React, with unidirectional data flow, read/write segregation, and immutable interfaces.
-
Reactivity Without Virtual DOM
Things like Solid (https://www.solidjs.com/) also have no virtual DOM, and the improves are in higher ceiling for performance, lower memory usage, simpler DX (components are not re-executed, there aren't any dependency arrays everywhere), easy high performance (no useRef this and useRef that to make things fast, no useCallback, no React.memo, these things are just obsolete).
-
I also build my portfolio with Tailwind (links and details in coments)
Made with: - Windblade (my own version of Tailwind) - Solid JS - Vite
-
Using ES6 Proxy for Cross-cut Concerns - A Real-world Example
SolidJS
-
Separation of concerns slows you down
For the time being, this is how I approach web development on pretty much every project I have “architectural control” over. That’s how I worked with Solid.js and Tailwind CSS for the past 2 years. That’s how Vrite is being built. Has worked pretty well so far…
-
What I want for 2023
SolidJS (They've started building the SolidStart and I want to give it a try)
What are some alternatives?
react-native-skia - High-performance React Native Graphics using Skia
Ionic Framework - A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.
solid-universal-renderer-template - Template for creating and testing SolidJS universal renderers
purescript-halogen - A declarative, type-safe UI library for PureScript.
solid-canvaskit-renderer - Renders JSX directly to CanvasKit using SolidJS Universal renderer
stencil - A toolchain for building scalable, enterprise-ready component systems on top of TypeScript and Web Component standards. Stencil components can be distributed natively to React, Angular, Vue, and traditional web developers from a single, framework-agnostic codebase.
solid-three - port of @react-three/fiber for solid
solid-start - SolidStart, the Solid app framework
skia-canvaskit-wasm-nextjs
reagent - A minimalistic ClojureScript interface to React.js
solid - A declarative, efficient, and flexible JavaScript library for building user interfaces.
astro - The web framework for content-driven websites. ⭐️ Star to support our work!