재밌고 어려운 IT를 이해해보자~!
Ant Design, Redux 본문
Ant Design 이란
리액트와 타입스크립트(Typescript) 기반으로 제작된 UI라이브러리.
중국회사에서 오픈소스화한 라이브러리 이다.
Redux 란
Redux는 리액트 애플리케이션에서 상태를 관리하기 위한 상태관리 라이브러리이다.
Redux를 사용하면 전역 상태를 관리할 수 있으며, 이는 여러 컴포넌트에서 사용되는 데이터를 쉽게 공유하고 업데이트 할 수 있도록 해줌
Redux의 핵심개념은 "store", "reducer", "action" 이다.
store은 애플리케이션의 전역상태를 저장하는 객체이며, action은 상태를 업데이트 하기 위한 객체
reducer은 action에 따라 상태를 어떻게 업데이트 할지 정의하는 순수함수이다.
Redux를 사용하면 컴포넌트에서 store에 있는 데이터를 읽고, action을 dispatch 하여 상태를 업데이크하고,
reducer를 통해 새로운 상태를 반환받을 수 있다.
이를 통해 여러 컴포넌트에서 공유되는 데이터를 효율적으로 관리할 수 있다.
'React, Node Js' 카테고리의 다른 글
React Hook (0) | 2024.05.23 |
---|---|
Middleware, Redux thunk, promise (2) | 2024.05.21 |
Concurrently (0) | 2024.05.15 |
데이터 Flow & Axios (0) | 2024.05.13 |
React Router Dom (0) | 2024.05.12 |
Comments