solid-docs
vrite
solid-docs | vrite | |
---|---|---|
26 | 23 | |
188 | 1,492 | |
0.5% | 2.9% | |
7.6 | 9.2 | |
about 2 months ago | 3 days ago | |
TypeScript | TypeScript | |
MIT License | GNU General Public License v3.0 or later |
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.
solid-docs
-
How to optimise React Apps?
React has introduced measures like batching state updates, background concurrent rendering and memoization to tackle this. My opinion is that the best way to solve the problem is by improving their reactivity model. The app needs to be able to track the code that should be re-run on updating a given state variable and specifically update the UI corresponding to this update. Tools like solid.js and svelte work in this manner. It also eliminates the need for a virtual DOM and diffing.
-
Episode 24/13: Native Signals, Details on Angular/Wiz, Alan Agius on the Angular CLI
Similarly to Promises/A+, this effort focuses on aligning the JavaScript ecosystem. If this alignment is successful, then a standard could emerge, based on that experience. Several framework authors are collaborating here on a common model which could back their reactivity core. The current draft is based on design input from the authors/maintainers of Angular, Bubble, Ember, FAST, MobX, Preact, Qwik, RxJS, Solid, Starbeam, Svelte, Vue, Wiz, and more…
-
Web frameworks we are most excited for in 2024
Solid.js is a very performant web framework that shares some similarities with React. For example, both use JSX, utilizing the function-based approach to components, but instead of using Virtual DOM, it converts your code to vanilla JS. Still, it is more famous for its approach to fine-grained reactivity by utilizing signals, memos, and effects. Still, the signal is the simplest and most known primitive of Solid. They contain value along with their getter and setter functions, allowing the framework to observe and update the changes as needed in the exact location in the DOM, unlike React, which re-renders the whole component.
-
Popularity is not Efficiency: Solid.js vs React.js
Two well-known JavaScript frameworks and libraries used for creating user interfaces are React.js and Solid.js. Solid.js, a lightweight reactive library, prioritizes fine-grained reactivity and efficient rendering through a reactive programming model. However, React.js, which was developed by Facebook, is well known for its declarative architecture based on components and its handling of the virtual DOM (Document Object Model). Different approaches to state management and reactivity set these tools apart, even though they both enable developers to create dynamic and interactive web apps.
-
The best Javascript UI framework to use in 2023
Solid.js like Svelte is quite new when compared to React, Angular, and Vue however it might be that pocket Hercules we've all been ignoring because we are so addicted to other frameworks. Solid.js is an interesting framework that deserves to be a part of this discussion. Solid.js pioneered the concept of signals when other Javascript frameworks made reactivity and state management a nightmare for developers, a factor that has contributed to the growth of Solid. Solid.js is incredibly easy to adopt and it aims for a simpler syntax and learning curve compared to other frameworks. It emphasizes the use of pure Javascript functions and avoids concepts like hooks.
- My Journey in Making "Coin Factory": A Web Game
-
The State of JS 2023 Survey is Now Open
React Server Components are the poster child for that trend, but other frameworks such as Solid or Qwik rethink client-server interactions from the ground up.
- Solid.js
-
HTMX for pages with heavy user interactivity
If you aren't married to the react paradigm, I had a great time with solid.
-
Grimoire - A recipe management application.
Frontend : SolidJs.
vrite
-
I Published This with Drag and Drop using Vrite
These reasons (and many others) are why I decided to create Vrite - an open-source developer content platform.
-
WYSIWYG for MDX?! Introducing Vrite's Hybrid Editor
Vrite is an open-source developer content platform, featuring extensible editing experience, content management tools, and powerful APIs. It’s intended as an all-in-one, collaborative solution for product documentation, technical blogs, and knowledge bases.
-
Vrite v0.2.0 - open-source, collaborative developer content platform. Alternative to likes of GitBook, Confluence, Notion, etc. Now with self-hosting support!
So, I've been building Vrite as an open-source project for a while now, and I'm happy to finally share it here - with v0.2.0 now having official self-hosting support.
- Show HN: Vrite – open-source, collaborative developer content platform
-
🤖 AI Search and Q&A for Your Dev.to Content with Vrite
Let’s start by getting into Vrite. You can use the hosted version (free while Vrite is in Beta) or self-host Vrite from the source code (with better self-hosting support coming soon)
-
🔥✍️ Notion-like Experience for Your GitHub Content
You can use Vrite via the hosted version (that’s free while in Beta) or self-host it from the open-source repo (though good support for self-hosting is still in the works).
-
Vrite Editor: Open-Source WYSIWYG Markdown Editor
Since Vrite (and Vrite Editor for that matter) is currently in Public Beta, new features and improvements are in active development. The best way to try it out right now is through the hosted version at app.vrite.io (free while in Beta) with better self-hosting support in the works.
-
I’ve built an open-source, collaborative, WYSIWYG Markdown editor
The editor itself is a standalone app, extracted from the larger Vrite CMS project (https://github.com/vriteio/vrite) which you can also test out (only with sign-in) here: https://app.vrite.io/
-
Show HN: I've built open-source, collaborative, WYSIWYG Markdown editor
The main output is JSON ProseMirror format. Other formats are processed from this JSON using Transformers and Vrite SDK: https://github.com/vriteio/vrite/tree/main/packages/sdk/java...
In the GFM transformer I try to follow GitHub Flavored Markdown spec, which technically doesn't support embeds. Since I didn't find any "common" syntax to use for the embeds, I just left them out. They're still there in JSON and HTML outputs.
That's one of the drawbacks of MD. That said, I plan to add an option like Markdoc, which has clearly defined spec for implementing custom blocks like embeds.
That said, for now, if you sign up for the full Vrite CMS, you can create a custom Transformer and process the output so that embeds are included in your desired format. That's what I'm doing for auto-publishing extensions for platforms like Dev.to and Hashnode. I don't know what your use-case is, but I thought it's worth noting.
-
How I put ChatGPT into a WYSIWYG editor
The process basically came down to figuring out the position and size of the block node, given a selection of an entire top-level node or just its child node (source code):
What are some alternatives?
solid-start - SolidStart, the Solid app framework
openai-node - The official Node.js / Typescript library for the OpenAI API
valtio - 💊 Valtio makes proxy-state simple for React and Vanilla
markdoc - A powerful, flexible, Markdown-based authoring framework.
prima - PRIMA is a package for solving general nonlinear optimization problems without using derivatives. It provides the reference implementation for Powell's derivative-free optimization methods, i.e., COBYLA, UOBYQA, NEWUOA, BOBYQA, and LINCOA. PRIMA means Reference Implementation for Powell's methods with Modernization and Amelioration, P for Powell.
marktext - 📝A simple and elegant markdown editor, available for Linux, macOS and Windows.
floem - A native Rust UI library with fine-grained reactivity
solid-primitives - A library of high-quality primitives that extend SolidJS reactivity.
music-for-programming - Stream musicforprogramming.net directly into your terminal
proposal-shadowrealm - ECMAScript Proposal, specs, and reference implementation for Realms
ui - Lightweight & high performance UI plugin for nvchad
stackedit - In-browser Markdown editor