recoil-outside

There is a problem to update states on recoilJS outside of component. It is a package of React to set or get on RecoilJS from outside of a component. This package is going to help you to update states or get states from outside of a component.

Set-Up

---

npm

npm i react-dom recoil recoil-outside

yarn

yarn add react-dom recoil recoil-outside

How to use

1. Set recoil follow recoiljs getting-started

2. Add RecoilOutside same file with RecoilRoot

import React from 'react';
import RecoilOutside from "recoil-outside"
import { RecoilRoot } from "recoil"
 
import Main from "./Main"
 
const App = () => {
 
  return (
    <RecoilRoot>
      <RecoilOutside/>
      <Main />
    </RecoilRoot>
  );
};
 
 
export default App;
 

3 When You will set or get at outside of the component, You can import promiseSetRecoil or promiseGetRecoil

:example

import { promiseSetRecoil, promiseGetRecoil } from "recoil-outside"
import { store } from "./Store"
 
export const setTest = async() => {
    await promiseSetRecoil(store, "Success")
}
 
export const getTest = async() => {
    const value = await promiseGetRecoil(store)
    return value
}