본문 바로가기

Redux2

Redux(리덕스)란? Redux(리덕스)란? 리덕스란 자바스크립트 상태관리 라이브러리이다. 우선 리덕스는 리액트 내부에 있는 기술이 아니며 순수 HTML, JAVASCRIPT 내에서도 사용이 가능하다. 컴포넌트에 집중된 리액트와 시너지가 좋으니 대체적으로 리액트에 리덕스를 사용할 뿐이다. Redux의 기본 개념 : 세 가지 원칙 Single source of truth 동일한 데이터는 항상 같은 곳에서 가지고 온다. 즉, 스토어라는 하나뿐인 데이터 공간이 있다는 의미이다. State is read-only 리액트에서는 setState 메소드를 활용해야만 상태 변경이 가능하다. 리덕스에서도 액션이라는 객체를 통해서만 상태를 변경할 수 있다. Changes are made with pure functions 변경은 순수함수로만 .. 2022. 12. 8.

상태관리 라이브러리란? ❓상태 관리 도구가 왜 필요할까? 상태란(State)? React에서 State는 component 안에서 관리되는 것이다. state는 오로지 자식 컴포넌트에게만 전달해줄 수 있다. 상태관리 필요성 1. 자식 컴포넌트들 간의 다이렉트 데이터 전달은 불가능 하다. 2. 자식 컴포넌트들 간의 데이터를 주고 받을 때는 상태를 관리하는 부모 컴포넌트를 통해서 주고 받는다. 3. 그런데 자식이 많아진다면 상태 관리가 매우 복잡해지며 자식이 많아질 수록 데이터이동이 많아져 코드가 복잡해진다. 만약 위그림 처럼 부모 컴포넌트로부터 상태를 전달받아야하는 ComponentD가 있다면 그 사이의 컴포넌트에 해당 상태를 전달해서 도착지인 ComponentD에 상태를 전달해주어야 한다. 심지어 그 사이의 ComponentB.. 2022. 12. 7.

이전 1 다음

티스토리툴바