WebProgramming/React

[React] Redux

2022. 7. 9. 21:24
목차
  1. Redux
  2. action의 reducer

Redux

; JS 앱을 위한 예측 가능한 상태 컨테이너

- 일관적으로 동작하고, 서로 다른 환경(서버, 클라이언트, 네이티브)에서 작동하고, 테스트하기 쉬운 앱을 작성하도록 도움

- 시간여행형 디버거와 결합된 실시간 코드 수정과 같은 훌륭한 개발자 경험을 제공

 

React Redux 앱만들기

$ npx create-react-app my-app --template redux

Redux 코어 라이브러리 다운로드

$ npm install redux

Redux Toolkit 다운로드

$ npm install @reduxjs/toolkit

action의 reducer

; action을 주면, 그 action이 적용되어 달라진 결과를 만들어 줌

function reducer(previousState,action){
	return newState;
}

- action을 받아서 state를 리턴하는 구조

- 인자로 들어오는 previosState와 return하는 newState는 다른 참조를 가지도록 해야함

 

store를 만드는 함수

const store = createStore(리듀서);

 

 

저작자표시 (새창열림)

'WebProgramming > React' 카테고리의 다른 글

[React] 한 페이지 정리  (0) 2022.07.17
[React] Component로 css요소 복사하기  (0) 2022.07.17
[React] 웹사이트 배포하기  (0) 2022.07.13
[React] Reducer를 통해 state 관리하기  (0) 2022.07.12
[React] useContext를 이용해 전역 props전달하기  (0) 2022.07.09
[React] useParams를 이용해 파라미터 가져오기  (0) 2022.07.09
[React] 자식 Component에서 부모 Componet로 값 변경하여 전달하기  (0) 2022.07.09
[React] 저장된 이미지들을 한번에 나열(보간법 사용)  (0) 2022.07.09
  1. Redux
  2. action의 reducer
'WebProgramming/React' 카테고리의 다른 글
  • [React] 웹사이트 배포하기
  • [React] Reducer를 통해 state 관리하기
  • [React] useContext를 이용해 전역 props전달하기
  • [React] useParams를 이용해 파라미터 가져오기
피터s
피터s
1년차 프론트엔드 개발자입니다 😣 아직 열심히 배우는 중이에요! 리액트를 하고있어요 :) - gueit214@naver.com - https://github.com/gueit214
피터s
피터의 성장기록
피터s
전체
오늘
어제
  • 분류 전체보기 (200)
    • 코딩 테스트 (25)
      • 프로그래머스 (16)
      • LeetCode (8)
      • 백준 (1)
    • 개발 독서 일지 (1)
    • 기업 분석 (4)
    • 개발 일지 (19)
      • 최신기술 도전기 (1)
      • 에러 처리 (5)
      • 개발 일지 (12)
    • 개발 일상 (36)
      • 개발 회고 (22)
      • 개발 이야기 (12)
      • 개발 서적 (1)
    • 취업 관련 지식 (11)
    • 알고리즘 (17)
    • WebProgramming (84)
      • WebProgramming (8)
      • HTML (5)
      • CSS (8)
      • JS (21)
      • React (40)

블로그 메뉴

  • About
  • 2022년 개발 성장기
  • 앞으로의 계획
  • github
  • 일상 blog

공지사항

인기 글

태그

  • 구름톤
  • lv3
  • 누적합
  • Retry
  • 스터디 후기
  • 해커톤
  • dfs
  • 1년 회고
  • 카카오
  • 개발 is life
  • BFS
  • Union-find
  • 반복문
  • 카카오 채용연계형 인턴십
  • KAKAO BLIND
  • 개발 회고
  • 함수
  • LV2
  • 개발 일상
  • 구름
  • Kakao Tech Internship
  • 1일 1커밋 후기

최근 댓글

최근 글

hELLO · Designed By 정상우.
피터s
[React] Redux
상단으로

티스토리툴바

개인정보

  • 티스토리 홈
  • 포럼
  • 로그인

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.