Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- 버전생성프로세스
- kdt
- 개발자교육과정
- s3
- udemy
- 네이버로그인창만들기
- 프론트엔드배포
- 맥북백틱입력
- 디지털하나로
- 미래내일일경험
- Next.js
- DIGITALHANARO
- 유데미
- 취준생
- 프론트엔드개발자양성과정
- 맥북백틱
- 디지털하나로입학식
- 백틱
- 프로젝트캠프
- 배포
- 부트캠프
- github
- 웅진씽크빅
- 하나은행
- `
- 디지털취업
- 디지털교육
- 스나이퍼팩토리
- 깃허브 레포지토리와 로컬 코드 연결하기
Archives
- Today
- Total
Land of Joe
24년 01월 18일 심화과정#6 Recoil, Styled-component 본문
지난 주엔 전역 상태 관리 Global State Package의 대표 주자, Redux에 대해 배우고
나의 CRA 리액트 프로젝트에 적용해보았다.
React-Redux를 사용할 때엔
action, reducer 개념부터 시작해서 useDispatch, useSelector까지
전체 흐름을 이해하는 데 꽤 애를 썼었다.
그러나 오늘 배운 Recoil 리코일!
정말 얼마나 단순하던지..! 그리고 useState와 사용 방식이 비슷해 반갑기도 했다.
각설하고 배운 내용 정리 시작~!
Recoil
- 전역 상태 관리 패키지
- 20년도 Meta에서 리액트 전용으로 쓰라고 만들어준 패키지
[ Recoil의 특징 ]
- 리액트 전용이라서, 리액트 문법에 매우 어울린다.
- 불필요한 설정이나 연결 코드 등이 필요 없다.
- Hook의 구조로 되어 있다.
- 전역 변수의 개념으로 State를 관리하는 것이 동일
- 결론적으로, Store가 없다.!
[ Recoil의 장점 ]
- 리액트에 최적화 되어있다.
- Atomic 구조
[ Recoil의 단점 ]
- 아직 출시된 지 얼마 안 돼서 중간중간 이슈가 발생한다.
- 업데이트가 자주 되지 않아 개선이 조금 더디다. (⇒ 대체재: Zustand - flux 구조, Jotai - atomic 구조)
// css를 js에서 쓰게 하는 방식
// cascade, specificity가 해결됨
// className, id를 단위로 style을 주고 있지 않기 때문에 대박
'📚 Educations > ⏳ StageUs' 카테고리의 다른 글
2024년 02월 01일 비동기함수와 비동기처리, Promise-then, async-await, 백엔드 연결 (0) | 2024.02.02 |
---|---|
24년 01월 11일 심화과정#5 Redux (0) | 2024.01.12 |
24년 01월 04일 심화과정#4 CRA (1) | 2024.01.05 |
23년 12월 28일 심화과정#3 Virtual DOM, Hook, State.. (0) | 2023.12.30 |
23년 12월 21일 심화과정#2 JSX (리액트의 문법) (0) | 2023.12.21 |