20210201 - react, recoil

recoil은 react스럽게

비동기 함수로 설정된 atom이나 selector를 사용할 경우 해당 컴포넌트를
suspense로 래핑하거나, useRecoilStateLoadable()를 사용해야 한다.

계속해서 어려움을 겪었던 부분은 이전 redux를 사용할 때와
store의 쓰임새가 조금 다른 느낌이었다.
우선 해결방법만 간단하게 정리하면

1. 리액트스럽게 setter 함수를 활용해서 컴포넌트의 state를 변경해야 한다.
2. 따라서 'PUT', 'PATCH', 'POST' 등 api의 갱신이 필요한 부분은 요청을 걸고,
   setter 함수로 prev를 불러와 concat하거나 구조분해 해서 view를 갱신한다.
3. selector은 결국 파생된 데이터 순수함수일 뿐이다 value로만 이용할 수 있고,
   setter 함수로 사용할 수 없다. 어떻게 보면 당연한 얘기지만...

---

https://hyeok999.github.io/2020/04/04/TypeScript-05/

타입스크립트로 리액트 Hooks 사용하기 (useState, useReducer, useRef)

https://blog.logrocket.com/refactoring-redux-app-to-use-recoil/

Refactoring a Redux app to use Recoil

https://www.digitalprimates.net/blog/react-17-typescript-4-0-and-refactoring-redux-to-recoil-react-ecosystem-9-4-2020/

React 17, TypeScript 4.0 And Refactoring Redux To Recoil – React Ecosystem – 9/4/2020

https://medium.com/adobetech/introducing-react-spectrum-2f3dfab45906

Introducing React Spectrum