Redux 튜토리얼

소개 두 가지 기본 아이디어 주요 용어 Redux 애플리케이션 작업 흐름 세 가지 기본 개념

작업 도구

주요 도구 React 애플리케이션 설치 및 준비 React와 함께 Redux 및 RTK 설치 Redux DevTools Extension 설치 React Router 설치

기본 작동 방식

슬라이스 추가 리듀서 셀렉터와 useSelector 훅 컴포넌트에서 store 데이터 가져오기 폼과 로컬 상태 폼 추가 리듀서와 액션 액션 디스패치 작동 방식 논의

데이터 작업

소개 제품 상세 페이지 브라우저의 제품 페이지 스토어에서 제품 데이터 수정 데이터 수정 양식 브라우저의 제품 수정 페이지 액션 객체 데이터 준비 슬라이스 추가 판매자 정보 추가 양식 변경 슬라이스 데이터의 다중 사용 추가 로직 추가 리듀서 추가 액션 디스패치

서버와 데이터베이스

소개 상태 구조 변경 셀렉터 작업 최적화 서버 작업을 위한 msw 설치 서버용 데이터베이스 데이터베이스를 위한 데이터 모델 생성 판매자 데이터 객체 생성 제품 데이터 객체 생성 데이터베이스에 엔트리 생성 GET 요청으로 서버에서 데이터 전송 애플리케이션용 클라이언트

비동기 로직과 Thunks

Thunks 소개 createAsyncThunk 사용의 장점 컴포넌트에서 thunk 디스패치하기 추가 리듀서 중복 요청 방지 요청 상태 활용 판매자 데이터 가져오기 Thunk 직접 디스패치 Thunk로 보낸 요청 처리하기 Thunk를 사용하여 데이터 보내기 컴포넌트에서 작업 결과 표시하기 판매자 목록 표시하기 판매자 페이지
↑
한국어▼
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақКыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
우리는 웹사이트 운영, 분석 및 개인화를 위해 쿠키를 사용합니다. 데이터 처리는 개인정보 처리방침에 따라 이루어집니다.
모두 수락 설정 거부