https://github.com/lab49/quickbits-recoil-atom-family

Lab49 quickbits: React + Recoil AtomFamily Sync Demo
https://github.com/lab49/quickbits-recoil-atom-family

lab49 quickbits react recoil

Last synced: 13 days ago
JSON representation

Lab49 quickbits: React + Recoil AtomFamily Sync Demo

• Host: GitHub
• URL: https://github.com/lab49/quickbits-recoil-atom-family
• Owner: lab49
• Created: 2022-09-30T22:58:07.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2023-03-29T18:41:25.000Z (about 3 years ago)
• Last Synced: 2025-07-17T18:16:00.836Z (11 months ago)
• Topics: lab49, quickbits, react, recoil
• Language: TypeScript
• Homepage: https://quickbits-recoil-atom-family.vercel.app
• Size: 197 KB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          











## Lab49 `quickbits`: [React](https://reactjs.org/) + [Recoil](https://recoiljs.org) AtomFamily Sync Demo

This project is a quickbits showcase of Recoil's `atomFamily` API.

Often in financial applications we have many pieces of independent data that need to be updated rapidly and independently. This is a perfect use case for the `atomFamily` since it can dynamically generate unique atoms of state to be associated with a given ID. These unique atoms ensure that only components which are subscribed to it are updated.

![Screen Shot 2022-10-04 at 9 39 33 AM](https://user-images.githubusercontent.com/97474840/196573558-6ea46ab7-96e4-4483-826b-7d1112edcdc8.png)

### [View the live demo!](https://quickbits-recoil-atom-family.vercel.app/)

## Developers guide

Clone this repository, `npm install`, `npm run dev`, and you're ready to get going:

```bash

git clone git@github.com:lab49/quickbits-recoil-atom-family.git

npm i

npm run dev

```

Open [http://localhost:3000](http://localhost:3000) in your browser to get started!