h3
awesome-vite
h3 | awesome-vite | |
---|---|---|
8 | 33 | |
3,141 | 13,056 | |
2.9% | 2.2% | |
9.3 | 9.3 | |
4 days ago | 3 days ago | |
TypeScript | JavaScript | |
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.
h3
-
Why I keep an eye on the Vue ecosystem and you should too
H3 is a small and delightful webserver. It honestly won me over the second I saw how simple the server side implementation of websockets was. It's actually so good, it even has bindings for uploadthing
-
Hono v4.0.0
Same, I'll probably move to https://github.com/unjs/h3 since it's used anyway in Nuxt (which I use for other projects)
-
File Upload Security and Malware Protection
import formidable from 'formidable'; /* global defineEventHandler, getRequestHeaders, readBody */ /** * @see https://nuxt.com/docs/guide/concepts/server-engine * @see https://github.com/unjs/h3 */ export default defineEventHandler(async (event) => { let body; const headers = getRequestHeaders(event); if (headers['content-type']?.includes('multipart/form-data')) { body = await parseMultipartNodeRequest(event.node.req); } else { body = await readBody(event); } console.log(body); return { ok: true }; });
-
File Uploads for the Web (3): File Uploads in Node & Nuxt
import formidable from 'formidable'; /** * @see https://nuxt.com/docs/guide/concepts/server-engine * @see https://github.com/unjs/h3 */ export default defineEventHandler(async (event) => { let body; const headers = getRequestHeaders(event); if (headers['content-type']?.includes('multipart/form-data')) { body = await parseMultipartNodeRequest(event.node.req); } else { body = await readBody(event); } console.log(body); return { ok: true }; }); /** * @param {import('http').IncomingMessage} req */ function parseMultipartNodeRequest(req) { return new Promise((resolve, reject) => { /** @see https://github.com/node-formidable/formidable/ */ const form = formidable({ multiples: true }) form.parse(req, (error, fields, files) => { if (error) { reject(error); return; } resolve({ ...fields, ...files }); }); }); }
-
How do you implement Middleware using an httpOnly cookie?
You could probably do all that in Nuxt with building a backend in the server folder. (More info here: https://nuxt.com/docs/guide/directory-structure/server) But, I understand that the official Nuxt 3 Auth module is being worked on which should make life a lot easier. For now, there's something new you can look into, namely the session support in the newest Nitro version (which is the backend part of Nuxt 3). There's some info here: https://github.com/unjs/h3/pull/315. I should not that I have not looked at this yet, though.
-
Build a SSR App with React, React Router and Vite
h3 - a minimalistic and simple node.js framework
- How can I use Express JS on Nuxt3
-
a first look at nuxt 3
Nuxt 3 is powered by a new server engine called Nitro. Nitro is used in development and production. It includes cross-platform support for Node.js, Browsers, and service-workers and serverless support out-of-the-box. Other features include API routes, automatic code-splitting, async-loaded chunks, and hybrid static/serverless modes. Server API endpoints and Middleware that internally uses h3 are added by Nitro.
awesome-vite
-
JS Toolbox 2024: Bundlers and Test Frameworks
Vite is a modern front-end build tool that significantly improves the development experience with its fast cold server start and hot module replacement. It leverages native ES modules and is optimized for speed and efficiency.
-
To learn svelte, I clone Github's issues page including useful features that you might consider reusing.
🔨 Vite ⚡
-
JavaScript Gom Jabbar
https://github.com/vitejs/awesome-vite#react
-
Seeking React TypeScript with Redux Toolkit GitHub Project for Learning Purposes
I suggest Vite community templates https://github.com/vitejs/awesome-vite
-
What are the biggest issues with Vue?
here
-
Suggestions needed to replace React-Scripts
I saw Vite but not sure how easy it is to switch to that from an existing project.
- A curated list of things related to Vite.js
-
React setup question
I think most around here currently recommend Vite for a quick up and running SPA. If you'd like some tooling already set up, you can check out some of the community made templates at awesome vite.
-
STOP! Use This Instead Of Create-React-App
It is super easy to get started with Vite and there is really no hard learning curve either. If you want to learn more about all the awesome things Vite can do, Check out this repo.
-
Please stop using create react app.
Vite has templates and plugins that you can install as project dependencies or use them. You can find a list of that and more here.
What are some alternatives?
Nuxt 3 - Old repo of Nuxt 3 framework, now on nuxt/nuxt
webpack-bundle-analyzer - Webpack plugin and CLI utility that represents bundle content as convenient interactive zoomable treemap
Nuxt.js - Nuxt is an intuitive and extendable way to create type-safe, performant and production-grade full-stack web apps and websites with Vue 3. [Moved to: https://github.com/nuxt/nuxt]
rollup-plugin-visualizer - 📈⚖️ Visuallize your bundle
ofetch - 😱 A better fetch API. Works on node, browser and workers.
vite-tsconfig-paths - Support for TypeScript's path mapping in Vite
Laravel - The Laravel Framework.
nivo - nivo provides a rich set of dataviz components, built on top of the awesome d3 and React libraries
ajcwebdev-nuxt3 - An example Nuxt 3 application deployed on Netlify and Vercel
Snowpack - ESM-powered frontend build tool. Instant, lightweight, unbundled development. ✌️ [Moved to: https://github.com/FredKSchott/snowpack]
vite - Next generation frontend tooling. It's fast!
plugins - 🍣 The one-stop shop for official Rollup plugins