I've been looking into Zustand and Recoil -- two state management libraries that are relatively new. Recoil is heavily advertised as being "very performant" for React apps with deeply-nes...

I am new to recoil, and I am using all class components. Here is my recoil state export const tokenState = atom({ key: "tokenState", default: "", }); How to use recoil in cla...

I do use recoil in my nextjs application. But if I run next (in dev or production make no difference) I got this error-message: Duplicate atom key "companyData". This is a FATAL ERROR in...

I'm trying to set the default value for an atom in RecoilJS as the value of an asynchronous API call. I'm doing this so that when a certain React component renders it will have all of the current s...

I did my first experiment with recoil, building an editable table. Each cell has an atom which stores its row, column, and text value. The way I built this was by initializing each cell's atom int...

I'm new to Recoil.js, I have the following atom and selector for the signed-in user in the app: const signedInUserAtom = atom<SignedInUser | null>({ key: 'signedInUserAtom', default: null }...

i used react useRef in functional components to get link on html object and store it in Recoil atom. For example: const Children = () => { const [refLink, setSrefLink] = useRecoilState(refLink)...

I'm trying to make a dynamic form where the form input fields is rendered from data returned by an API. Since atom needs to have a unique key, I tried wrapping it inside a function, but every time ...

In RecoilJS, seamless integration with React Suspense for async selectors is a big plus. However, I am running into issues trying to normalize the data cached in Recoil, while still making use of S...

Im playing around with recoil for the first time and cant figure out how I can read all elements from an atomFamily. Let's say I have an app where a user can add meals: export const meals = atomFam...

Can I set the default value of a Recoil atom to be an object? e.g.: export const currentUserState = atom({ key: 'currentUserState', default: { name: '', email: '', userId: null }, }); And then s...

I have some state with React recoil, but whenever the page is manually refreshed, the recoil state is reset. Is this normal behaviour, because i know other state management libraries like flux and ...

I have the following code. const [verificationValues, setValues] = useRecoilState(verificationFormValues); setValues({ ...verificationValues!, nidOrPassport, addressProof, recentPhoto, bankAcc...

I have to update an atom outside of an React Component (where I can't use hooks). What is the correct way to do this in order to get the updated value in my subscribing React Components with hooks ...

How would one structure deep nested state tree with RecoilJS? Should I have every branch as separate atom or something?