Vue.js
Preact
Our great sponsors
Vue.js | Preact | |
---|---|---|
314 | 54 | |
196,178 | 31,715 | |
0.8% | 1.0% | |
8.7 | 8.7 | |
4 days ago | 4 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.
Vue.js
-
Vue devs, what can React do better than Vue 3?
But then you look at the contributors themselves, and you see that Evan is doing the thing alone, basically.
Vue 2
-
Freshworks MarketPlace apps using JavaScript Frameworks
This is the sample template for bootstrapping the apps using the latest version of Vue.js as the primary tool for building the front-end of the app.
-
Developing state of the art web apps with Node.js (QEWD-Up) back-end + NuxtJS/Vue.js front-end
I wrote a step by step tutorial in the qewd-howtos repository how you can write state of the art multi-page web apps with Node.js using a QEWD-Up WebSocket/REST api back-end integrated with a mainstream web framework like NuxtJS & Vue.js. In particular with the latest NuxtJS/Vue.js frameworks, writing web applications becomes fun again, allowing you to write your applications very efficiently, hiding all boilerplate code from you.
-
2. Setting up your git repository
Then, using the instructions provided above, develop an app of your choice and push the code to the empty GitHub repository. I'm building my website with Vue JS. Vue JS will thus be used in the examples. The difference is simply in the deployment process, and you can use any framework/library to construct your website, such as Angular, React, Svelte, etc. Follow the steps here to get a project started with Vue JS.
-
Plugin vue-auth3 replace @websanova/vue-auth3
Vue Auth 3 is a plugin that manages all Vue 3 authentical related things except
-
Creating a custom Checkbox Component in Vue 3 (a better approach)
By default when creating a checkbox using a the input checkbox tag with a v-model attribute in vue comes with some additional features as shown here. Attempts to extract this into a separate file causes it to loose these added features that come out of the box.
-
Pagekit
Pagekit is a modular and lightweight open source CMS built with Symfony components and Vue JS
-
How to properly internationalize a Vue application using i18next
Since Vue.js is an approachable, performant and versatile framework for building web user interfaces, it also needs a best-in-class internationalization solution. You may know vue-i18n, but for those already knowing i18next a Vue.js adapted version of i18next would be more appropriate.
-
#10: Get Creative - with Vue.js
Vuelievers, rejoice! Today we'll explore several examples of how you can build a Static Web App with the Vue.js framework
Preact
-
Trim the fat: tips for keeping bundle size small 🏋️
This one only applies to React-based projects, but the simplest way to cut out a sizeable chunk from your bundle is to swap React for Preact. There are guides for doing this process in a few steps, and with the preact-compat compatibility layer chances are you won't notice a difference (except for the significantly smaller bundle size!)
-
[AskJS] Curious about how React "optimizes" (or doesn't) some rendering...
Disclaimer: I'm a maintainer of Preact 3kB virtual DOM React alternative with a React compatibility layer which allows you to use React components as if they'd be written for Preact without changing anything.
-
Generative minimal CSS patterns 🪩
preact/picostyle for 20Kb total build size
-
Next JS - replace React with Preact
I made my website with Next JS, an excellent react framework for making production-ready websites. The downside to React frameworks is that they can ship a lot of js to the browser, which comes at a performance cost. Luckily, you can take some steps to optimize this, and replacing React with Preact is one of them.
- RFC: Intent to Ship React 18
-
Is there a good template that doesn't use CRA?
According to Preact main page: "Fast 3kB alternative to React with the same modern API" https://preactjs.com/ Basically it provides similar features to React but was developed with a lot less code. When you build apps with Preact you typically use the same build tools and process/workflow. So for example if someone uses Vite https://vitejs.dev/ you can select React, Preact or other libraries but there is still a build process.
-
Right tooling, Right Problem: Preact at Adyen
Front-end leads and developers at Adyen were spoilt for choice with the Javascript-frontend ecosystem's many options for tooling. In a couple of teams, like Checkout and KYC, Preact.js came up as a suitable technology and right now is the choice for tooling used for delivering SDKs to connect to our platform.
-
How to Pick the Best NPM Packages
If you know React → check out Preact
-
Hyper optimizing React apps
Have you looked at [Preact](https://preactjs.com/) already?
Really cool actually, I'm adding this to my list of research candidates for our app. Looks like they have another lib specifically for making it easier to migrate existing React codebases. Thanks for the heads up!
What are some alternatives?
Stimulus - A modest JavaScript framework for the HTML you already have [Moved to: https://github.com/hotwired/stimulus]
vite - Next generation frontend tooling. It's fast!
React - A declarative, efficient, and flexible JavaScript library for building user interfaces.
awesome-blazor - Resources for Blazor, a .NET web framework using C#/Razor and HTML that runs in the browser with WebAssembly.
Alpine.js - A rugged, minimal framework for composing JavaScript behavior in your markup.
Aurelia 1 - The Aurelia 1 framework entry point, bringing together all the required sub-modules of Aurelia.
lit-element - LEGACY REPO. This repository is for maintenance of the legacy LitElement library. The LitElement base class is now part of the Lit library, which is developed in the lit monorepo.
react-18 - Workgroup for React 18 release.
knockout - Knockout makes it easier to create rich, responsive UIs with JavaScript
Drawflow - Simple flow library 🖥️🖱️
Svelte - Cybernetically enhanced web apps