리덕스 = 자바스크립트 중 라이브러리 이다
npm i redux react-redux
먼저 사용하기 위해서
터미널 창에 install 해주세요!
왜 리덕스쓰는 이유 2가지
1. 모든 컴포넌트가 props 없이 state에 직접 꺼내 쓸 수 있다.
2. 상태 관리가 용이하다(유지보수 좋다)
설명:
상태 / 한 곳에 관리 가능하다
관리 / 추적이 쉽다
설명
🫵🏻🫵🏻
리액트 에서 부모 컴포넌트 자식컴포넌트가 있다
자식에게 부모 컴포넌트를 주기 위해 우리는 props 를 사용한다.
state 변수에 props 전송 하는 방법이 useState !
좀 더 편리 한 방법으로 전송하기위해 직접주는게 아니라 필요 할 때 내가 꺼내 쓸 수 있도록 하는 것 이다.
Life Cycle 라이프 싸이클 개념 알고가기
컴포넌트 사람처럼 태어나고 죽음
페이지에 장착 된다 mount
가끔 업데이트 된다 update
홈으로 가면 필요없으면 제거 unmount
여기서 useEffect 는 Mount updata 역할을 한다.
예시 ) 컴포넌트 component A에게 (부탁), 요청수정 ->>> iphone.js 한테 if 문 누르면 +1
'Coding 🖐🏻 > React' 카테고리의 다른 글
리액트 3. 번들러 ,웹팩,웹팩 로더 , JSX (2) | 2023.06.18 |
---|---|
리액트 2. props , 불변성, 불변성을 지켜야 하는 이유 (1) | 2023.06.18 |
리액트 1. 리액트 이해, 초기렌더링, render함수 ,DOM,리렌더링, Virtual DOM 뭔지 용어 (반복학습) (0) | 2023.06.18 |
React 에서 불변성을 지켜야 하는 이유? (0) | 2023.03.02 |
todo 투두앱 만들기 react app (2) | 2023.02.04 |