triplit
TanStack Query
triplit | TanStack Query | |
---|---|---|
5 | 56 | |
870 | 39,996 | |
9.0% | 1.6% | |
9.9 | 9.8 | |
13 days ago | 6 days ago | |
TypeScript | TypeScript | |
GNU Affero General Public License v3.0 | 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.
triplit
-
Triplit: Open-source DB that syncs data between server and browser in real-time
If you want to try that out, we use Sqlite in our server implementation so you can see an example there: https://github.com/aspen-cloud/triplit/blob/main/packages/se...
-
Show HN: RemoteStorage β sync localStorage across devices and browsers
Your app might not need it but if you want partial replication or relational querying in addition to offline-first syncing then check out https://github.com/aspen-cloud/triplit (disclaimer: I'm working on this)
- Show HN: Triplit β The Full-Stack Database
-
SQLSync β Stop Building Databases
I'm currently writing a very similar article about "full-stack databases" which highlights the same pattern where many apps end recreating the logic of our backend and database in the frontend client code. The solution we're promoting is to choose a database that can run on both the server and in the client and then sync between them.
The reason we aren't using Sqlite for our product is because Sql is frankly not the right tool for querying data for an application. It doesn't easily map to the data-structures you want in your client code and nearly all SQL databases have no way to subscribe to changes to a query without polling the query repeatedly.
So if you like the idea of having a complete database on your client but also want deep integration with Typescript/Javascript check out what we're building at https://github.com/aspen-cloud/triplit
TanStack Query
- Best Next.js Libraries and Tools in 2024
-
This is your sign(al) to try TanStack Query & Angular
To ensure that we get the best TanStack Query experience possible we are also encouraged to share feedback and participate in the discussion on GitHub, which you can check out here!
-
React Query Mutations Offline React-Native
I trust you found this information beneficial. For further details, please refer to the conversation on this GitHub issue here
-
Nx - Highlights of 2023
Tanstack - Tanstack has evolved to an entire ecosystem consisting of the famous Tanstack (or React) Query, Tanstack Table, now also Tanstack Router and Tanstack Form. It started with Tanstack Query, which adopted Nx and Nx Cloud. Zack talked about this collab with Dominik, and we also had Dominik on our Nx live stream. Now, all the above-mentioned Tanstack libs have adopted Nx, and there's more coming.
-
SQLSync β Stop Building Databases
"Iβm building SQLSync because I want to make client-side applications easier to build without us having to reinvent the wheel each time."
Kinda ironic no?
Anyway, since the article is also about React, I can't recommend enough React Query [1] if you don't want to worry about caching data to reduce calls to the database and managing/refreshing stale data. It simplified so much my job.
[1] https://tanstack.com/query
-
React Basics: Essential Knowledge for Every React Developer
Combine state with data fetching with react-query This should be the second choice since you have to fetch data anyway Skip this option if you are using trpc or prefer not to use react-query
-
Tanstack's React Query Kicked `onSuccess`, `onError`, and `onSettled` Out of `useQuery`: Now What?!
onSuccess, onError and onSettled have been removed from Queries. They haven't been touched for Mutations. Please see this RFC for motivations behind this change and what to do instead.
-
TanStack Query(a.k.a. React Query) v5 announced
so cacheTime was really confusing because it seemed like "this is the amount time we cache data for", but that's not what it is. So a rename had to happen. We had some discussion on the public roadmap (https://github.com/TanStack/query/discussions/4252) about what it's gonna be. I'm usually against abbreviations, simply because there's always someone who doesn't understand what it means. But all other suggestions like inactiveCacheTime also had room for interpretation. gc is an abbreviation that is known well enough (think git gc), and it's also not an option that you will customize on a daily basis (usually once, globally).
-
Explicit Design, Part 6. Cross-Cutting Concerns and Extendable Infrastructure
By the way, I think that useSWR and React Query take on too much. They go too deep into the multiple application layers, making themselves no longer βnon-opinionated,β and in some cases, using them becomes inconvenient. There are libraries that implement the SWR standard and do not use hooks, but there are not many of them.
-
13 Must Know Libraries for a React Developer
TanStack Query is an open source data fetching library in React developed by Tanner Linsley. It has more than 1.7 million weekly downloads on NPM and more than 35k stars on GitHub as of August 2023.
What are some alternatives?
sqlsync - SQLSync is a collaborative offline-first wrapper around SQLite. It is designed to synchronize web application state between users, devices, and the edge.
zustand - π» Bear necessities for state management in React
drumroll-music - Full Stack Website for Uploading and Streaming Music Built using Next.JS and Supabase
axios - Promise based HTTP client for the browser and node.js
excalidraw - Virtual whiteboard for sketching hand-drawn like diagrams
apollo-client - :rocket: Β A fully-featured, production ready caching GraphQL client for every UI framework and GraphQL server.
RxDB - A fast, local first, reactive Database for JavaScript Applications https://rxdb.info/
Recoil - Recoil is an experimental state management library for React apps. It provides several capabilities that are difficult to achieve with React alone, while being compatible with the newest features of React.
remote-storage - remoteStorage is a simple library that combines the localStorage API with a remote server to persist data across sessions, devices, and browsers. It works as a simple key value database store and backend with support for React, Next.js, Vue, Node, or any Javascript stack
SWR - React Hooks for Data Fetching
htmx - </> htmx - high power tools for HTML
react-apollo