core
vueuse
Our great sponsors
core | vueuse | |
---|---|---|
279 | 86 | |
43,989 | 18,471 | |
2.5% | 2.4% | |
9.8 | 9.6 | |
7 days ago | 7 days ago | |
TypeScript | 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.
core
-
Introduction to JavaScript: Empowering Web Development with Interactivity
Frameworks and Libraries: There are numerous JavaScript frameworks and libraries, such as React, Angular, and Vue.js, which simplify the development of complex web applications.
-
Full Stack Web Development Concept map
Javascript in the browser React - react is a library that gives developers an application programming interface (API) to manipulate the DOM (this is React's ReactDOM package). React uses components and JSX to make building reusable code easier. docs JSX - is a syntax extension for React Javascript code that lets you write HTML-like markup in a javascript file. This makes it easier to write reusable HTML. docs State - a key react concept that guides setting and storage of data between renders. docs Hooks - a key react concept for logic triggered by state change docs Vue - is a framework for building web interfaces. Vue is lightweight and best for small projects prioritizing speed over functionality. doc Angular - web development framework. Angular is best for dynamic more feature rich sites. docs
-
What is Reactivity?
Vue
-
Why I Personally Decided to Bet on JavaScript
Nonetheless, it offers nearly infinite possibilities. You can code and create anything, from a mobile app with React Native to a desktop application with Electron.js. Furthermore, JavaScript provides excellent frameworks and libraries that can be applied in various approaches, such as React, Three, Vue, Meteor, and Astro.
-
Use any web browser as GUI, with Zig in the back end and HTML5 in the front end
From your own example, here is the text from https://vuejs.org/ as of today:
> The Progressive JavaScript Framework
> An approachable, performant and versatile framework for building web user interfaces.
> Approachable - Builds on top of standard HTML, CSS and JavaScript with intuitive API and world-class documentation.
> Performant - Truly reactive, compiler-optimized rendering system that rarely requires manual optimization.
> Versatile - A rich, incrementally adoptable ecosystem that scales between a library and a full-featured framework.
Yes, performance is mentioned. But it's hardly the main selling point, and they don't even mention DOM manipulation, they're talking about the rendering in general.
Lit isn't even a framework, it's a "web components library".
> all modern frameworks
Yeah, "all modern frameworks" being one framework + one library?
-
Building your Own SaSS
First, you need to set up a Nuxt project. Nuxt is a powerful Vue.js framework that simplifies web development. You can create a new Nuxt.js project using the create-nuxt-app.
-
The best Javascript UI framework to use in 2023
Vue is a framework that is often labeled as the best Javascript UI framework on Twitter. Vue is incredibly easy to get started with, in fact it is the easiest on this list to get started with. You can just use a script tag with a link to a Vue.js CDN and you are ready to start using Vue. This is one of the biggest perks of Vue. It is incredibly easy to learn with their focus on incremental learning. Vue is a robust framework for building UI applications that give developers the best part of working with Angular and React as a single tool.
-
Choosing the best JavaScript framework for your next project
Vue is another one of the most popular frontend JavaScript frameworks. Vue is a progressive framework meaning,Vue provides core features and allows developers to choose additional modules as needed. This allows developers to start from the basics and add features as the application grows. 46.2% of respondents of the State of JavaScript survey have Vue under their belt, showcasing the framework's prevalence among JavaScript developers.
-
Frontend Mentor - Job listings with filtering solution using Vue.js and Fetch API
Vue.js - JS library
-
Day 94: Frameworks
Vue.js is a progressive JavaScript framework that focuses on simplicity and ease of integration. It is incrementally adoptable, allowing developers to use as much or as little of its features as needed.
vueuse
-
Implementing Tailwind CSS Dark Mode Toggle with No Flicker
Now, letโs talk about Vue! Once again, weโll use an external library to handle dark mode simply and quickly. In this case, the library is called VueUse, and you can install it using the command npm i @vueuse/core --save.
-
useHooks โ A collection of Server Component safe React Hooks
Great library. Could use some improvements as said by other (tree shaking, add jsdocs, etcโฆ). Just a quick reminder for the vuejs devs out there we have https://vueuse.org/
-
UseHooks โ A Collection of Server Component Safe React Hooks
Yeah, I figured useHooks was created without knowing about VueUse, but thought they might have become aware of it sense then. It makes sense, because though the code is heading in the direction of VueUse in terms of being maintained and well rounded, the structure of useHooks is quite a bit different. It has the code alongside the Markdown: https://github.com/vueuse/vueuse/tree/main/packages/integrat...
-
First Time at Vue
Also take a look at https://vueuse.org/ which might save you some lines :)
-
Why isnโt everyone using <script setup>?
For what it's worth my timeframe is very similar to yours! Started in 2019, no React / Angular. I think looking at great codebases like [VueUse](https://github.com/vueuse/vueuse) shows off the best of composition API.
-
Advice needed for Supabase + Pinia
And VueUse is an incredible addition too for cookies and so much more: https://vueuse.org/
-
Create a Shopping Cart with Vuejs and Pinia
Vueuse a collection of essential Vuejs composition utilities.
-
I still want to use options API for Vue 3
It really depends on how complex is your application but as it grows bigger and complex the composition API let's you brake into more meaningful pieces. Take a look at https://vueuse.org maybe it sparks why some of us really love composition API
Try this out. Take a Vue 3 project you are working on and make a copy of an existing component. Now rewrite that component using the composition API. See how you can group related code together inside the script setup, and then try pulling out a block of code into a composable. Again, do this with code organization in mind first. See if anything clicks for you (like it did for me). If not, then fair enough! Keep on using options. But if that starts to make sense, then you can start to explore some of the other benefits of the composition API. For that, I'd recommend browsing through the VueUse codebase to see how they set up their composition utilities.
- vue 3 component library that uses vitest
What are some alternatives?
svelte-actions - prototype official actions for Svelte
vue-composable - Vue composition-api composable components. i18n, validation, pagination, fetch, etc. +50 different composables
react-select - The Select Component for React.js
vuex - ๐๏ธ Centralized State Management for Vue.js.
vitesse - ๐ Opinionated Vite + Vue Starter Template
Quasar Framework - Quasar Framework - Build high-performance VueJS user interfaces in record time
vuetify - ๐ Vue Component Framework
unbuild - ๐ฆ An unified javascript build system
unplugin-vue-components - ๐ฒ On-demand components auto importing for Vue
vue-draggable-next - Vue 3 drag-and-drop component
motion - ๐คน Vue Composables putting your components in motion
Nuxt 3 - Old repo of Nuxt 3 framework, now on nuxt/nuxt