# useselector

19개의 포스트
post-thumbnail

react-redux의 useSelector 훅 만들기

Redux와 React는 독립적인 라이브러리이다. 이 두 라이브러리를 함께 사용하는 경우 공식 Redux UI 바인딩 라이브러리인 React Redux를 사용하여 두 라이브러리를 바인딩해야 한다.이 라이브러리들을 이해하기 위해, react-redux 라이브러리의 여러

2022년 5월 14일
·
0개의 댓글

22.03.16 react-redux

설치npm install react-reduxyarn add react-reduximport { createStore } from "redux" 로 불러온다.그리고 무조건 const store = createStre(reducer)를 만들어야 한다.바로 저장소를 만드는

2022년 3월 15일
·
0개의 댓글

2019년 이후 react-redux 리덕스 공부시 알아둬야할것.

2019년이전 connext함수 리액트-리덕스와 2019년이후 react-redux 다른점.리액트-리덕스의 훅이다. useSelector()useDispatch()connect함수는 컨테이너 컴포넌트를 만드는 또 다른 방법입니다. 이 함수는 사실 앞으로 사용 할 일이

2022년 3월 8일
·
0개의 댓글

Redux를 React에 연결하기

[TIL][엘리스 SW 엔지니어 트랙] 12주차 - Redux를 React에 연결하기

2022년 1월 14일
·
0개의 댓글
post-thumbnail

1.7

어떤 액션을 취할 것인지 정의를 해놓은 객체.보통 다음과 같은 모양으로 구성된다. 여기서 type은 필수로 지정을 해 주어야 하며, 그 외의 것들은 선택적으로 사용할 수 있다.이렇게 모든 변화를 action을 통해 취하는 것은 우리가 만드는 앱에서 무슨 일이 일어나고

2022년 1월 7일
·
0개의 댓글
post-thumbnail

Redux - react project

React 프로젝트에 redux 적용하기

2021년 12월 5일
·
0개의 댓글

[TIL] 2021/11/13~14

함수형 컴포넌트에서 redux 사용하고 redux-toolkit 사용해보기 예시

2021년 11월 14일
·
0개의 댓글
post-thumbnail

useSelector 최적화

리액트 컴포넌트에서 리덕스 상태를 조회해서 사용할 때, 최적화를 하기 위해서 어떤 상황을 고려해야 하는지 알아보자.지난번 할 일 목록을 만들 때에는 프리젠테이셔널 컴포넌트에 React.memo 를 사용하여 리렌더링 최적화를 해줬다. 컨테이너 컴포넌트에서는 어떤 것들을

2021년 10월 5일
·
0개의 댓글

[React], useSelector, useDispatch로 state에 접근하기

yarn add react-redux 설치state를 조회하기 위한 useSelector를 사용할 수 있다.action을 빌생시키기 위한 useDispatch를 사용할 수 있다.connect함수를 이용하지 않고 리덕스의 state를 조회할 수 있다.생성한 action을

2021년 9월 29일
·
0개의 댓글
post-thumbnail

useSelector

useSelector 리덕스 확장 프로그램을 실행시켜 보면 redux에서 위와같이 state 정보가 담겨있는 것을 확인할 수 있다. 이 state들을 꺼내 쓰려면 useSelector 를 사용하면 된다! const value = useSelector(state =

2021년 8월 2일
·
0개의 댓글
post-thumbnail

React_상태 관리

React에서 Redux를 사용한 상태 관리

2021년 6월 8일
·
0개의 댓글
post-thumbnail

[React] 인증 useSelector

server/auth.jsclient/src/auth.js 생성client/src/components/HomePage.js 생성

2021년 4월 19일
·
0개의 댓글
post-thumbnail

WHATIS. Redux

Redux는 자바스크립트 앱을 위한 예측 가능한 상태 컨테이너입니다.위는 redux 공식사이트 소개 문구다.우리는 주로 React를 사용할 때, Redux를 사용해서상태 변경 로직을 컴포넌트에서 분리시킬 수 있다.이렇게 되면 컴포넌트를 표현에 집중한 보다 단순하게 바꿔

2021년 2월 22일
·
0개의 댓글
post-thumbnail

#1 Today I Learned - 21.01.04

react-redux: 연결하기 ❗️ styled-components: props로 style 제어 ❗️ es6: arrow function 구분하기

2021년 1월 4일
·
0개의 댓글

[React] 16. React-Redux-hooks 예제

오늘은 React-Redux에서 hooks를 사용하는 방법을 알아보도록 하겠습니다.hook은 클래스형 컴포넌트에서 state관리를 함수형 컴포넌트에서 state관리를 할 수 있게 해준 아주 좋은 애입니다.우리가 전 시간에 react-redux를 배웠을 때 redux에

2020년 10월 23일
·
0개의 댓글

리덕스+리액트 Redux with React #8 useSelector() useDispatch() hooks

리액트에서 리덕스를 사용하기 위해서는 고차 컴포넌트(HOC, 이하 HOC) connect() 로 컴포넌트 감싸기mapStateToProps 작성mapToDispatchToProps 작성위 과정을 해야만 리덕스 스토어에 접근할 수 있었다. 리덕스에서 hooks를 지원하게

2020년 7월 15일
·
0개의 댓글

useSelector(상태조회), useDispatch(액션 디스패치)

리덕스 스토어와 연동된 컨테이너 컴포넌트를 만들 때 connect함수 사용 connect 함수 대신 hooks 사용

2020년 7월 13일
·
1개의 댓글
post-thumbnail

Redux 적용하기 (함수형, Class 형)

React에서 가장 많이 사용 되는 Redux 에 대하여 조금은 바닥 부터 정리를 해봤습니다.물론 저의 글이 읽기가 진 않아서 개념 정리 보다는 코드로 풀어보도록 하겠습니다.먼저 개념 정리는 Velopert 님 께서 아주 잘 정리해주셔서 이를 참고 하도록 하겠습니다.요

2020년 3월 10일
·
0개의 댓글