Front-end/Recoil 2

Recoil 정리 2편 - Recoil 활용하기 (useRecoilState, useRecoilValue...)

이전 글에서 Recoil의 기초와 atom, selector에 대해 살펴보았습니다. https://talkwithcode.tistory.com/75 Recoil 정리 1편 - Recoil시작하기 (atom, selector) 안녕하세요 오늘은 상태 관리툴인 Recoil에 대해 알아보겠습니다. 상태 관리 상태 관리 툴을 사용하면 state값들을 props로 계속 타고들어가지 않아 코드가 깔끔해집니다. 프로젝트의 규모가 커질수 talkwithcode.tistory.com 이번 시간에는 선언한 atom과 selector를 어떤 식으로 활용할 수 있는지 알아보겠습니다. 아래 hook들을 설명하고 있습니다. useRecoilState useRecoilValue useSetRecoilState useResetRec..

Front-end/Recoil 2022.03.18

Recoil 정리 1편 - Recoil시작하기 (atom, selector)

안녕하세요 오늘은 상태 관리툴인 Recoil에 대해 알아보겠습니다. 상태 관리 상태 관리 툴을 사용하면 state값들을 props로 계속 타고들어가지 않아 코드가 깔끔해집니다. 프로젝트의 규모가 커질수록 상태 관리 또한 필요성이 커지게 됩니다. 많은 프론트엔드 개발자들이 Redux, MobX, Recoil 등 여러가지 기술로 상태 관리를 하고 있는데요. Redux의 경우 전 세계적으로 많이 사용되지만 만족도는 현저히 떨어집니다. action, reducer, selector 등 사용하기 까다롭습니다. 실제로 redux는 사용률은 1위이지만 만족도는 5위에 위치하고 있습니다. 어떤 조사 결과에 따르면 3년 안에 없어질 1순위가 redux였습니다. 저 또한 프로젝트를 진행하며 Redux를 사용할 때마다 매번..

Front-end/Recoil 2022.03.17