DEV/Recoil
-
Recoil / [3] Selector - 선택자DEV/Recoil 2022. 12. 10. 22:04
- 본 게시물은 리코일 공식문서와 learnrecoil.com 강의를 바탕으로 작성된 글입니다. - Recoil / [2] Atoms - 전역 상태 관리의 시작 - 본 게시물은 리코일 공식문서와 learnrecoil.com 강의를 바탕으로 작성된 글입니다. - Recoil / [1] 시작, 설치 - 본 게시물은 리코일 공식문서와 learnrecoil.com 강의를 바탕으로 작성된 글입니다. - 프론 ccamanglab.tistory.com 이전 편에 이어서 진행. Atom이라는 전역 상태를 시작할 원자 단위의 변수 지정을 맛봤다면, 지금부터는 약간쓰 객체지향의 개념인 get과 set과 비슷한 selector를 알아본다. 우선 나는 객체지향이고 함수형이고 그런 걸 몰라서 아주 아주 아주 아주 감으로만 ge..
-
Recoil / [2] Atoms - 전역 상태 관리의 시작DEV/Recoil 2022. 12. 6. 00:24
- 본 게시물은 리코일 공식문서와 learnrecoil.com 강의를 바탕으로 작성된 글입니다. - Recoil / [1] 시작, 설치 - 본 게시물은 리코일 공식문서와 learnrecoil.com 강의를 바탕으로 작성된 글입니다. - 프론트엔드 상태관리 3대장으로 보통 꼽는것이 redux, mobx, recoil이 있다. 여기서 나는 recoil밖에 써본 경험이 없 ccamanglab.tistory.com 이전 편에 이어서 계속 작성 오늘은 이전 게시글에 이어서 직접 전역 상태관리를 진행해볼테다 오늘 사용할 전체 코드 /src/components/examples/Atoms.tsx import {atom, useRecoilState, useRecoilValue} from 'recoil' const dar..
-
Recoil / [1] 시작, 설치DEV/Recoil 2022. 12. 5. 17:35
- 본 게시물은 리코일 공식문서와 learnrecoil.com 강의를 바탕으로 작성된 글입니다. - 프론트엔드 상태관리 3대장으로 보통 꼽는것이 redux, mobx, recoil이 있다. 여기서 나는 recoil밖에 써본 경험이 없는데, 지금 듣고 있는 강의에서 redux를 사용할것 같아 강의를 듣기 전 recoil에서 배웠던 내용을 정확히 정리하고, 이후 헷갈리지 않는 상태로 redux강의를 수강하고자 이렇게 글을 작성해본당. 리코일은, 수많이 렌더링 되는 다양한 컴포넌트 중에서 독립적으로 자주 업데이트되어야할 필요가 있어 생긴 툴이라고 한다. 리코일의 주요 특징은 크게 세가지가 있다. 1. 유연한 상태 공유 - 보일러 플레이트가 없다.(다른 프론트엔드 상태 관리 툴과의 큰 차이다) - 간단한 get..