Our great sponsors
|13 days ago||about 10 hours ago|
|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.
Why and how to create an Event Bus in Vuejs 3
2 projects | dev.to | 15 Feb 2023
Vuex is a state management library. At first glance it seems complicated, and in fact it is a bit. You can use Vuex to store data that should be used globally in your app. Vuex provides you with a solid API to apply changes to this data and reflect them in all child components that use Vuex data store.
Vuex: taking user input, adding and removing it from state
2 projects | dev.to | 1 Jan 2023
I encourage you to also go through Vuex's official documentation: https://vuex.vuejs.org/
In One Minute : Vue.js
5 projects | dev.to | 10 Nov 2022
How to Get Started with Pinia in Vue
3 projects | dev.to | 19 Sep 2022
Comparison, such as Pinia against Vuex, shows that Vuex, the previously recommended library, still has a higher download rate than Pinia. However, even the Vuex official documentation advises developers to opt-in for Pinia, since it is unlikely that Vuex will receive any additional functionalities.
Reviewing 2021 and predicting 2022
6 projects | dev.to | 12 Sep 2022
Vuex a state management pattern + library for Vue.js release 4.0 - https://github.com/vuejs/vuex/releases/tag/v4.0.0
The new wave of React state management
23 projects | news.ycombinator.com | 2 Jul 2022
> poor support for style libraries like tailwind
Can't relate. Tailwind works fine with anything that supports PostCSS. I run it with Vite and there's zero issues.
> the state management ecosystem is fractured between vuex and pinia
This is also just not true. Pinia is officially replacing Vuex as the recommended store library for Vue . They're also vastly similar in how they do things, so the knowledge transfer over from Vuex to Pinia. And Pinia just address most of the design goals mentioned in the article in the most simple way.
As for Vue 2 -> 3 transition, lots of the larger UI frameworks in the ecosystem is struggling to migrate, despite lots of efforts on the compat layer to smooth the transition, which is a bummer. But as long as you're not doing those sophisticated things, Vue 2 examples should work out-of-box on Vue 3 as well. There are surely less resources for the composition API, but the official introduction guide has been good enough in my experience.
Introduction to the VueJs Framework
7 projects | dev.to | 21 Jun 2022
Vue has a wide range of use cases that span the whole scale of front-end development. We can use it to add a bit of dynamism into an existing web app, such as adding a simple carousel or content that changes on user interaction e.g mouse movements or text input to creating complex web apps such as e-commerce stores with multiple categories and product pages supporting routing, browser-based data storage via Vue's own libraries such as the vue-router and vuex with features such as a cart, external API call requests and so forth.
What is XState used for?
9 projects | dev.to | 21 Jun 2022
replace global state managers like Redux or Vuex
Top 13 Vue Devtools for Developers in 2022
7 projects | dev.to | 26 Apr 2022
Build a To-do List App with Pinia and Vue 3
2 projects | dev.to | 15 Apr 2022
When I arrived at the Vuex documentation page, I saw this:
16 React Tools to Help You Keep Your Sanity in a Crazy World
9 projects | dev.to | 19 Mar 2023
Recoil is the Samurai Sword of React State Management
2 projects | dev.to | 24 Feb 2023
Recoil was created to provide an alternative to Redux which is another popular state management library for React. In today's adventure, we will see what Recoil is, how it works, why you might want to use it in your React apps and much more..
5 Great Custom Hooks For Your React Project
6 projects | dev.to | 24 Feb 2023
createGlobalSize also belongs to react-use and it provides a way for you to create a global state that can be shared across multiple components without having to go for state management libraries like redux.
You don’t need a state management library for React. Use useState + Context
3 projects | dev.to | 27 Jan 2023
Is there any public repositories that are friendly to new open-source contributors?
6 projects | reddit.com/r/reactjs | 26 Jan 2023
Absolutely this! (In fact, I got my start working on Redux by volunteering to write an FAQ page for the Redux docs in early 2016.)
20 Best Libraries and Tools for React Developers
11 projects | dev.to | 25 Jan 2023
When React applications start growing and becoming more complex, managing communication between components can become problematic. When using regular React, the way to communicate is to pass down values and callback functions as props to the child components. However, this can be tedious if there are a lot of intermediary components that the callback must pass through. To address these state communication and management-related issues as the React application grows, Frontend Developers turn to use React with the Redux library. Redux utilizes some architecture patterns that enforce changing states in a React application from a central location. It is really useful when you want to solve common programming problems, develop and manage your application more quickly.
How to use Firestore with Redux in a React application
5 projects | dev.to | 9 Jan 2023
Redux is a state management library. It’s useful when your app’s state is too large, or the logic to update it too complex, among other scenarios.
What is being used right now for ioc/state-managment?
3 projects | reddit.com/r/reactjs | 2 Jan 2023
A serverless, versioned, local-first data syncing backend
3 projects | dev.to | 20 Dec 2022
The high-level scheme We will take a Replicache-like approach of encoding mutations as data (similar to a redux action). On the client, we’ll compute our current state by applying all local mutations to the canonical data we last received from the server. We’ll send a batch of mutations to the server, where the server will decide how to apply them to the now-current canonical data, which may differ from what the client believed to be the canonical data when it applied those mutations. The server-side application of a particular mutation might not result in the same state as the optimistic, client-side application of that mutation and that’s ok! The mutation logic will handle our conflict resolution. After the server applies mutations, it will send the client back the new state and the ID of the latest mutation it applied. The client can then update its canonical state and apply all local mutations after the latest mutation included in the canonical state.
Developing and testing sortable Drag and Drop components. Part 1 - Development.
3 projects | dev.to | 4 Dec 2022
The next step is to create the DropBoxContainer. It is responsible for keeping the data in the correct order, the sorting functionality, and displaying the DropBox components. In a real case, data storage can be taken to a higher level, like React context or Redux store, as well as sorting functionality, which can be placed into separate utils files, but for the sake of the demo, it will be pretty enough. Inside this file, we will iterate over all of our data (visitor's food tables in our case) and render each item as a separate DropBox component.
What are some alternatives?
zustand - 🐻 Bear necessities for state management in React
pinia - 🍍 Intuitive, type safe, light and flexible Store for Vue using the composition api with DevTools support
SWR - React Hooks for Data Fetching
valtio - 💊 Valtio makes proxy-state simple for React and Vanilla
react-query - 🤖 Powerful asynchronous state management, server-state utilities and data fetching for TS/JS, React, Solid, Svelte and Vue. [Moved to: https://github.com/TanStack/query]
remix - Build Better Websites. Create modern, resilient user experiences with web fundamentals.
swift-composable-architecture - A library for building applications in a consistent and understandable way, with composition, testing, and ergonomics in mind.
redux-toolkit - The official, opinionated, batteries-included toolset for efficient Redux development
effector-react - Business logic with ease ☄️
xstate - State machines and statecharts for the modern web.
reflux - A simple library for uni-directional dataflow application architecture with React extensions inspired by Flux
kea - Production Ready State Management for React