Recoil : 리액트 전역상태관리 라이브러리

*상미튜터님 리코일 강의* 1. Atoms (데이터 변수 하나 만들어 놓기 => 다른 곳에서 사용 하기) 2.Selectors (atoms 값을 변형해서 사용 가능) * 리덕스와 차이점 1) 리덕스 : 보일러 플레이트 코드를 많이 작성해야함 2) 리코일 : 직관적이고 간단한 구조 (React의 useState 훅과 유사) 1. 설치 yarn add recoil 2. 설정 프로파이더 같은 recoilRoot로 감싸주기 -> 최상위 루트 컴포넌트를 ( App.jsx : Router 설정하는 구간에) function App(){ return 3. 전역관리를 위한 변수 atom - userId라는 이름을 다른 곳에서 쓸 건데, 여러 변수 중에 구분값은 키(key)야, default는 처음 초기값 느낌이야 4. ..

• format_list_bulleted TIL :: Today I Learned
• · 2023. 12. 21.
• textsms

TypeScript : 투두리스트 만들기 (4단계 - Thunk + Axios )

TypeScript : 투두리스트 만들기 (3단계 - Json-server) TypeScript : 투두리스트 만들기 (2단계 - Redux Toolkit) TypeScript : 투두리스트 만들기 (1단계 - React Props) Lv1 React를 이용한 TodoList를 만듭니다. Todo를 Create, Delete, Update(완료/취소) 가 가능해야 합니다. 이 zerotonine2da.tistory.com Lv4 Lv4의 과제에서 데이터베이스의 비동기 처리 로직을 추가합니다. Lv3의 코드에서, createAsyncThunk를 추가하여 json-server 상태 관리 로직을 다루도록 합니다. Keyword Thunk 1. redux -thunk 설치 yarn add redux-thunk ..

• format_list_bulleted TIL :: Today I Learned
• · 2023. 12. 17.
• textsms