⚛️ Fast 3kB React alternative with the same modern API. Components & Virtual DOM.Project mention: Why you have to use className in React, but not in Preact? | dev.to | 2022-01-13
You see, there is a JS framework, called Preact. It's an alternative to React with the same API. And there is a very interesting statement on its official page.
Personally, I try my best to avoid bringing in dependencies as much as possible, and try to limit my exposure to only dependencies with low/shallow transitive dependency counts. Unfortunately, this is pretty hard, especially in corporate settings. What we need more of are the opposite of what we've been collectively praising: we need more monolithic packages. Case in point: lodash.template is currently vulnerable with no mitigation, even though lodash itself is not. That's just sloppy publishing practices. Esbuild is a great start over the webpack/babel maze of dependencies. There's a stdlib effort along those lines that hopefully would also help. There's a bunch of micro-frameworks that are used in production just fine and have little to no dependencies.
Less time debugging, more time building. Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.
You can give Mithril.js  a go. It's lightweight and has a couple additional goodies such as routing and xhr inbuilt. It has very good documentation as well.
You can also enable JSX  if you prefer that to hyperscript.
Hyperscript Tagged Markup: JSX alternative using standard tagged templates, with compiler support.Project mention: What's the difference between HTML files and HTM files? Why does HTM exist? | reddit.com/r/webdev | 2022-01-08
🏷 - tagged template string virtual dom builder
:raised_hands: React compatibility layer for Preact.Project mention: Don't Optimize Your React App, Use Preact Instead | dev.to | 2021-11-01
For react app I used Create React App and for Preact used preact-cli. Preact also gives an option to convert your existing react app to preact using preact-compat, but I have built an app from scratch to see the best result.
Static code analysis for 29 languages.. Your projects are multi-language. So is SonarQube analysis. Find Bugs, Vulnerabilities, Security Hotspots, and Code Smells so you can release quality code every time. Get started analyzing your projects today for free.
I suggested one such idea (a diffing version of innerHTML) years ago to Mozilla. Ironically, the React team was against it and it fizzled out. In more ironic twists of events, someone eventually wrote a JS implementation of it: https://github.com/tbranyen/diffhtml/tree/master/packages/di... and nowadays people are talking about HTML-based rendering engines again, making this idea somewhat relevant once more.
To be fair to standards bodies, they have done some work. Element.append now exists to make hyperscripts a bit more straightforward, and a lot of reactivity semantics can be implemented on top of Proxy.
Render JSX/Hyperscript to HTML strings, without VDOM 🌈
Legacy plugin to transform to React — please use `remark-rehype` and `rehype-react` instead
Mikado is the webs fastest template library for building user interfaces.Project mention: Solid vs React - the Fastest VS the Most Popular UI Library | dev.to | 2021-06-30
Now, it’s worth noting that aside from Solid, there are 2 faster “UI frameworks” included in the benchmark but not on the table above. These are Mikado (actually a template engine) and doohtml (marked with a note about using manual DOM manipulation), so the point still stands - Solid is the fastest JS UI library!
Lightweight, robust, elegant virtual syntax highlighting using Prism
Virtual syntax highlighting for virtual DOMs and non-HTML things
Torus is an event-driven model-view UI framework for the web, focused on being tiny, efficient, and free of dependencies. (by thesephist)Project mention: Ask HN: What are some tools / libraries you built yourself? | news.ycombinator.com | 2021-05-16
At this point I've made a habit out of building homebrew tools and languages. Very few of these are purely because I was dissatisfied with off-the-shelf solutions; many of these just exist because I thought it would be fun/educational/challenging to build an X for myself from scratch.
- A dynamic programming language, Ink (https://dotink.co), which runs in "production" (for whatever that means for side projects) for around a dozen projects written in it.
- A bunch of language tooling around that language, like syntax highlighters, editor plugins, code formatters (for example, the code formatter https://github.com/thesephist/inkfmt)
- A small UI library (https://github.com/thesephist/torus)
- A suite of productivity tools (https://thesephist.com/posts/tools/) like notes, todos, shared whiteboard, contacts/CRM
- Twitter client (https://github.com/thesephist/lucerne/)
- Theres a few dozen more at (https://thesephist.com/projects/) :)
Many of these end up building on top of each other, so across the few dozen projects built on top of these tools they form a nice dependency graph -> https://twitter.com/thesephist/status/1367675987354251265
Instead of pulling you into a library-specific magical world, CalDOM let you fully access the DOM directly while keeping the reactivity. A 2-in-1 virtual-DOM & no-virtual-DOM approach if you will.
So you could take full advantage of native APIs & mix it with other libraries to gain superior performance & flexibility in the development process.
CalDOM does not require any dependency or tooling. It does not introduce any new syntax. Just pure JS.
This is the first time I’m publishing something like this. This was a simple jQuery alternative I made myself years ago & kept on improving it slowly. Worked really hard during the last few months to add reactivity and get it to this level.
Please check it out & let me know what you think, the good, bad & your suggestions to improve it.
Also, it's great if you could contribute to the project: https://github.com/dumijay/CalDom
Let's learn React by building react within 100 lines of codeProject mention: KReact: Building your own React & Virtual DOM | dev.to | 2021-10-24
Link to the GitHub Repository: https://github.com/git-kamesh/kReact
What's the difference between HTML files and HTM files? Why does HTM exist?
1 project | reddit.com/r/webdev | 8 Jan 2022
Transcrypt – Python in the Browser
2 projects | news.ycombinator.com | 26 Nov 2021
Is this code snippet styled with CSS? If so, any ideas on how it was styled this way?
11 projects | reddit.com/r/css | 20 Nov 2021
Popular 'coa' NPM library hijacked to steal user passwords
Don't Optimize Your React App, Use Preact Instead
4 projects | dev.to | 1 Nov 2021
KReact: Building your own React & Virtual DOM
1 project | dev.to | 24 Oct 2021
Are you hiring? Post a new remote job listing for free.