Our great sponsors
|7 months ago||12 days 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.
How to Dynamically updated Next.js Static Pages with SWR
2 projects | dev.to | 17 Feb 2022
Checkout the example website and full tutorial at BuildNextShop.com where we create a fully production ready Shopify Headless store using Next.js!
Scalability: the Lost Level of React State Management
9 projects | dev.to | 1 Jun 2023
Lastly, I know that I've omitted many great tools like XState, React Query, and SWR. These tools are utilities that are very scalable in their own right, but aren't full replacements for a good state manager.
React is 10 years old
3 projects | news.ycombinator.com | 30 May 2023
It seems mostly expected to have a framework or library in place that takes care of data fetching for the root component, but simpler libraries also exist.
The new docs emphasize this, I guess mostly to make users think twice about building their own hook and to make it easy to move initial data fetching to the server.
Frameworks include next.js, remix or vite-plugin-ssr (the last one is maybe an outlier, as it deems itself a library).
Often fetching is tied to routing, which makes sense.
If routing is not needed, AFAIK the go-to solutions right now are react-query or SWR.
react-query has a nice comparison table for data fetching libraries:
If routing only takes place on the client, react-router also includes data fetching features:
I don't know how well react-router fits with SSR.
If none of that fits and the requirements are either very simple or very custom, it should still be possible to manually pass props to the root component.
This package simplifies async data handling in your React apps
2 projects | /r/opensource | 21 May 2023
Looks good! Can you explain the benefits to alternatives, say SWR?
Improve Data Fetching in Next.js Applications through SWR
3 projects | dev.to | 19 May 2023
GitHub Discussions and Conversations: https://github.com/vercel/swr/discussions](https://github.com/vercel/swr/discussions)
Which state management library should I use?
10 projects | /r/reactjs | 18 May 2023
For server cache management, React Query or SWR
Axios vs Fetch? or suggest your own
2 projects | /r/nextjs | 13 May 2023
With Next --> SWR (https://swr.vercel.app/)
Is redux and thunks still used or are there other alternatives for it now?
12 projects | /r/reactjs | 10 May 2023
SWR is like a simplified React Query
Top React Data Fetching Libraries
7 projects | dev.to | 31 Mar 2023
SWR (26k ⭐) -> A React Hooks library for data fetching, created by Next.js team, lightweight, and backend agnostic.
Just got laid off, 12 years experience in dated FE stack. Options other than starting over?
2 projects | /r/ExperiencedDevs | 6 Mar 2023
The main reason most people reach for them is to be a data store, if you're using GraphQL for a backend, Relay/Apollo wipeout the need for that. If you're using a REST backend, I'd look at something like SWR and continue to avoid any of the above state management libraries. If you need the ability to share fairly static data across your component hierarchy, plain old React Context is going to work great. If, and only if, you need to share a bunch of data that can refresh faster than say once per second, then reach for Jotai/Zustand or take a good look at Recoil. Before reaching for one of those libraries, I'd run the React profiler and actually profile where your re-render performance issues are to confirm that you can't make your DOM updates faster or apply more intelligent memoization to your props/state/context first. If and only if that doesn't work, then its time to reach for a new State Management approach. And only your highly dynamic data should be managed using it.
Consider the Jamstack for Your Next Solo Project
9 projects | dev.to | 9 Feb 2023
An even more advanced setup can use SWR to get stale-while-revalidate client side caching behavior with static pre-generated default data. Fast response with the ability to easily update any dynamic data from the client.
What are some alternatives?
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]
axios - Promise based HTTP client for the browser and node.js
zustand - 🐻 Bear necessities for state management in React
redux-toolkit - The official, opinionated, batteries-included toolset for efficient Redux development
redux-saga - An alternative side effect model for Redux apps
use-local-storage-state - React hook that persists data in localStorage
react-hook-form - 📋 React Hooks for form state management and validation (Web + React Native)
Prisma - Next-generation ORM for Node.js & TypeScript | PostgreSQL, MySQL, MariaDB, SQL Server, SQLite, MongoDB and CockroachDB
supabase - The open source Firebase alternative. Follow to stay updated about our public Beta.