React
vite
Our great sponsors
React | vite | |
---|---|---|
914 | 347 | |
187,737 | 41,570 | |
1.3% | 4.3% | |
9.8 | 9.9 | |
6 days ago | 4 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.
React
-
Using Zustand in React applications
context loss - https://github.com/facebook/react/issues/13332 AND the most beauty of it is that the store it provides is a hook and you can put objects or functions in it. How awesome is that!
-
Optimizing Your Web App for Maximum Runtime Performance and Premature Optimization 🦄
If your component depends on useContext(), React.memo() is useless. The component would rerender irrespective if the memo.
-
Use Vite for React Apps instead of CRA
Most of us will be using Create React App for creating React App. It supports all the configurations out of the box. But when your project code grows you might face higher build times, a slower start in the development server and waiting 2 to 5 secs to reflect the changes you have made in code and this might increase rapidly when the app grows on a larger scale.
-
Single Responsibility with React Components
Three weeks ago I began learning the JavaScript React framework.
-
How to add Dark mode in Next.js Application using Tailwind CSS.
Next.js is a React based open-source frontend framework, with features like SSR (Server Side Rendering) and SSG (Static Site Generation). Next.js also comes SEO optimized right out the box so you don't have to do it yourself from the scratch.
-
Keeping up to date with reactjs
It can be a bit verbose/granular, but the project’s CHANGELOG is a feed of new features and bug fixes.
-
Front-end Developer roadmap
Documentation - all learning materials you can find here
-
I started with ReactJS now I want to continue
I just finished the ReactJS tutorial on reactjs.org and I wonder where I'll go next to keep learning. I have studied vanilla JavaScript for 7 months so I want to learn React from now on. Any suggestions?
-
What's the best way to look through a PR commit diff by commit diff?
I normally do it on GitHub desktop: click the commit, then . As an example, Next/Prev is on the top right: https://github.com/facebook/react/pull/24551/commits/c140037aeaab77a3e1e979c2c965f172658aabc9
-
How I Built a Music Player to Showcase my own Tracks 🎵😍
To get started with a boilerplate, we will use Create React App, which is an officially supported CLI tool, that lets you create a new ReactJS project within a minute or less.
vite
-
Address Autocomplete and Verification with Lob’s Vue Component Library
We’ll use Vite to quickly set up a Vue app and install @lob/vue-address-autocomplete:
-
Use Vite for React Apps instead of CRA
Instead of using CRA for creating React App, we can migrate to Vite. Vite is the next generation frontend tooling to build the app faster.
Vite preset templates
-
NextJS: always the best bet?
Have you tried Vite?
-
What front end framework or technology do you use to run React?
Check out either Next.js or Vite
- Creando un proyecto de React con Vite
-
InSelfView
Front-end: VITEjs _ a super fast frontend tool to render React App.
- Meta Is Transferring Jest to the OpenJS Foundation
-
#10: Get Creative - with Vue.js
In this article, I'll give several examples of sites I've created using Vue and VuePress, a popular way to build static sites with Vue. I'll also walk through a game engine we created in VuePress that you can deploy as a SWA, and touch on the use of Vite.js, a lightning-fast toolkit you can use to build all types of applications, built by the masterminds behind the Vue.js projects.
-
Build an inventory management app with Azure Static Web Apps with + React, part 1
Vite. https://vitejs.dev/, this looks really promising
What are some alternatives?
Next.js - The React Framework
parcel - The zero configuration build tool for the web. 📦🚀
swc - Rust-based platform for the Web
esbuild - An extremely fast JavaScript and CSS bundler and minifier
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.
Rollup - Next-generation ES module bundler
SvelteKit - The fastest way to build Svelte apps
create-react-app - Set up a modern web app by running one command.
Alpine.js - A rugged, minimal framework for composing JavaScript behavior in your markup.
Snowpack - ESM-powered frontend build tool. Instant, lightweight, unbundled development. ✌️ [Moved to: https://github.com/FredKSchott/snowpack]
astro - Build fast websites, faster. 🚀🧑🚀✨
Vue.js - 🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.