Preact
vite
Our great sponsors
Preact | vite | |
---|---|---|
110 | 784 | |
35,997 | 64,457 | |
0.5% | 1.6% | |
9.3 | 9.9 | |
6 days ago | 5 days ago | |
JavaScript | TypeScript | |
MIT License | 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.
Preact
-
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…
-
Proposal: Signals as a Built-In Primitive of JavaScript
Those who want to develop a library that can be used by any other reactive framework. I often see SignalLike type that tries to subtype it.
https://github.com/preactjs/preact/blob/757746a915d186a90954...
-
How I built a cross-framework frontend library
At the very bottom of the image, there are 3 blocks that I chose to call application components. If you are building a cross-framework library, these can be built with whatever tools you want! Only catch is, all the tools you use to build it, will be needed by everyone consuming it. So choose wisely, and be mindful of how many kilobytes of third party code you will need in order to ship. In Schedule-X, I chose to use Preact. You will probably be fine with most lightweight virtual DOM libraries, and just like with frameworks there are a few to pick from.
-
React Jam just started, making a game in 13 days with React
>> React is not traditionally used for making games, but that's part of the fun and the challenge. R
> MS Flight Simulator cockpits are built with MSFS Avionics Framework which is React-like and MIT licensed:
https://github.com/microsoft/msfs-avionics-mirror/tree/main/...
preactjs may or may not be faster: https://preactjs.com/
Million.js is faster than preact, and lists a number of references under Acknowledgements: https://github.com/aidenybai/million#acknowledgments
> We use a novel approach to the virtual DOM called the block virtual DOM. You can read more on what the block virtual DOM is with Virtual DOM: Back in Block and how we make it happen in React with Behind the block().*
React API reference > Components > Profiler:
- Quando um framework é melhor que a manipulação nativa do DOM
-
HTML Data Attributes: One of the Original State Management Libraries
DEV is a Rails monolith, which uses Preact in the front-end using islands architecture. The reason why I mention all this is that it's not a full-stack JavaScript application, and there is no state management library like Redux or Zustand in use. The data store, for the most part on the front end, is all data attributes.
- Show HN: Cami.js – A No Build, Web Component Based Reactive Framework
-
Hacktoberfest 2023 Recap
Along the way, I not only got the oppurtunity to revise old concepts that had blurred in my memory, but also learnt about new technologies like Fresh.js, a framework from Deno (a js runtime engine) that uses Preact, a React Routing library and used Chakra UI for the first time.
-
Framework Interoperable Component Libraries Using Lit Web Components.
I've thought about this a lot while using other frameworks like Deno Fresh which uses Preact under the hood, mainly for JSX templating, but also for islands functionality. Within that framework you can't really use React component libraries. You start to think more about generating static HTML like this example from the Deno blog [A Whole Website in a Single JavaScript File, cont'd](https://deno.com/blog/a-whole-website-in-a-single-js-file-continued, which shows building a simple webpage with routes all in one typescript file, a site that serves no Javascript to the browser.
-
Nue: A React/Vue/Vite/Astro Alternative
A truly reactive Preact [1] is merely 3 kb of JS.
OTOH the need for really simple bits of interactivity does occur in real life. If the htmx [2] approach does not cu it, a micro-library like this could.
[2]: https://htmx.org/
vite
-
RubyJS-Vite
Little confused as to why it has vite in it‘s name, it seems unrelated to https://vitejs.dev/
-
Deploy a react projects that are inside a subdirectories to GitHub Pages using GitHub Actions (CI/CD)
First you have to know that all those react projects are created using Vite, and for each of them, you need change the vite.config.ts file by adding the following configuration:
-
Collab Lab #66 Recap
JavaScript React Flowbite Tailwind Firebase - Auth, Database, and Hosting Vite
-
Use React.js with Laravel. Build a Tasklist app
For this full-stack single-page app, you'll use Vite.js as your frontend build tool and the react-beautiful-dnd package for draggable items.
-
Top 10 Tools Every React Developer Needs in 2024
Vite
-
Implementing SSO in React with GitHub OAuth2
Imagine a shiny new React app — that’s what we’ll build! We’ll use a cool tool called Vite to set it up.
-
Tutorial: React + Emailjs
If you want to learn more about the Vite build tool here is a link to the documentation.
-
Building a Fast, Efficient Web App: The Technology Stack of PromptSmithy Explained
We all know what React is at this point, but why use it with Vite and React Router DOM over something like NextJS?
-
Creating Nx Workspace with Eslint, Prettier and Husky Configuration
Vite [ https://vitejs.dev/ ]
-
Qilin: A Starter Project Template For Every Open Source Project
A great example of this is the introduction to the Vite project.
What are some alternatives?
Next.js - The React Framework
parcel - The zero configuration build tool for the web. 📦🚀
esbuild - An extremely fast bundler for the web
swc - Rust-based platform for the Web
astro - The web framework for content-driven websites. ⭐️ Star to support our work!
Rollup - Next-generation ES module bundler
Laravel Mix - The power of webpack, distilled for the rest of us.
webpack - A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows for loading parts of the application on demand. Through "loaders", modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.
turborepo - Incremental bundler and build system optimized for JavaScript and TypeScript, written in Rust – including Turborepo and Turbopack. [Moved to: https://github.com/vercel/turbo]
SvelteKit - web development, streamlined
bun - Incredibly fast JavaScript runtime, bundler, test runner, and package manager – all in one
nx - Smart Monorepos · Fast CI