Recoil

Facebook에서 만든 새로운 '상태 관리를 위한 라이브러리'이다.

 

이미 Redux 팀에서는 Redux-toolkit이라는 것도 만들었지만

redux-toolkit의 존재를 알고 난 상태에서 recoil의 존재를 알았다.

흠... 페이스북에서는 이미 상태 관리 라이브러리를 만들었는데 또? 라는 생각이 들었지만 contextAPI의 단점이 드러나면서 만들지 않았나 라는 의견을 본 적이 있어서 아무래도 context API 때문에 만들지 않았나 싶다.

 

codesandbox에서 적용해본 결과 나름 쓸만했다

 

redux-toolkit처럼 폴더 구조도 새로운 개념에 맞게 잡는 것이 좋을지... 컴포넌트 위에서 사용하는게 맞을지...

라이브러리를 넘어서 리액트팀에서는 폴더 구조에 대한 지침을 따로 권장하고 있지 않다.

그래서 적용해보고 어떤게 효율적인지, 내 스타일에 더 맞는지 등 고민해봐야겠다.

 

이 곳에는 atom / selector 라는 개념이 있는데 아무래도 공식 문서에 설명(타입에 대한 설명도)이 잘 되어있다보니

공식 문서 가이드(한국어 지원)를 참고하면 좋을 것 같다. 

반응형 디자인이지만 너비가 좀 좁을 때 좌상단의 메뉴버튼을 누르지 말고 우하단에 버튼 하나 있는데 그 버튼을 눌러서 메뉴 이동하면 너비가 넓은 환경에서 보는 좌측 내비게이션이 나올 것이다.

 

recoiljs.org/ko/

https://recoiljs.org/ko/

 

// PowerShell (or other terminal)
yarn add recoil
// or
npm i --save recoil

// typescript (minimum: v3.7)
yarn add @types/recoil

// type definition link
https://github.com/facebookexperimental/Recoil/blob/master/typescript/index.d.ts

 

나머진 시간날 때 작성...

 

 

@@@