recoil, redux

김듑듑·2022년 7월 27일

recoil?

리코일은 공식문서 읽어보고 아래 링크에서 아저씨가 리코일에 대해 알려주는데 이거보면 리코일 뚝딱 누구나 이해가능

  • 리코일은 리덕스에 비해서도 기본 코드가 작고 사용하기 쉽다
  • 아톰에 state 저장한다 생각하구 get하구 set하면 된당. useState쓰듯 쓰면 됨 쉽다
  • 비동기처리는 selector 사용하면 된다. 값을 캐싱하기 때문에 같은 응답을 보내는 api 콜에 추가요청을 안함

https://recoiljs.org/ko/
https://www.youtube.com/watch?v=_ISAA_Jt9kI&feature=emb_title

https://velog.io/@rlaebqebq/220512
https://velog.io/@rlaebqebq/220510


redux?

  • 스토어 하나와 단방향 데이터 흐름 구조를 갖는 구조체로 액션, 리듀서, 스토어 순으로 데이터 전달/저장
    • 액션 : 데이터 보내는 방법에 대해 정의
    • 리듀서 : 정의된 행동에 따라 state 수정
    • 스토어 : 모든 state는 전부 여기에 저장
  • 보일러플레이트 때문에 머리아픈거 redux-toolkit으로 해결해보자. 그럼에도 불구하고 recoil에 비하면 여전히 뭐가 많다
  • 거기에 비동기 작업을 위한 미들웨어도 있다...redux-saga와 thunk
    • saga는 액션 모니터링하고 있다 특정 액션 발생하면 미리 정해둔 로직에 따라 특정 작업 이루어지게 함
    • thunk는 디스패치 할 수 있게 해주는 미들웨어(promise 반환)
  • 근데 Redux Devtools이 있다 디버깅할때 유용함

https://redux-toolkit.js.org/usage/usage-guide
https://www.learnwithjason.dev/let-s-learn-modern-redux
https://www.youtube.com/watch?list=PLz8Iz-Fnk_eTpvd49Sa77NiF8Uqq5Iykx&v=9zySeP5vH9c&feature=emb_title

0개의 댓글