# Immer

30개의 포스트
post-thumbnail

redux-action으로 action 관리하기 및 Immer으로 불변성 유지하기

firebase 데이터베이스에 임의로 구현한 데이터를 가져와서 값을 넘겨주는 함수를 구현하는데 이때 Javascript스럽게 코드를 구현해 보려고 한다.

2022년 4월 30일
·
0개의 댓글
post-thumbnail

@reduxjs/toolkit

@reduxjs/toolkit 패키지를 통해 React에서 redux 사용하는 데 조금 더 편리한 기능들을 제공합니다.

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

[React] immer을 사용하여 더 쉽게 불변성 유지하기

<리액트를 다루는 기술> 12장 immer을 사용하여 더 쉽게 불변성 유지하기

2022년 2월 15일
·
0개의 댓글
post-thumbnail

#13.TIL | Immer

기존 리액트에서 배열이나 객체를 업데이트 해야 할때는 직접 원본을 수정하면 안되고, 아래와 같이 불변성을 지켜주면서 업데이트를 해주어야 했다.배열도 마찬가지로 push, splice 등 원본을 바꾸는 메서드가 아닌 concat, filter, map 등 새로운 배열을

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

[react] 'immer' 로 쉽게 불변성 유지하기💫

immer react에서 쉽게 불변성을 유지할 수 있는 코드 작성을 도와주는 라이브러리이다. ✅ reference Immer 공식 사이트 / inroducing immer! 불변성은 뭘까?🤔 리액트 컴포넌트에서 상태를 업데이트 할 때 불변성을 지키는 것은 매우

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

Redux - ReduxToolkit

리덕스 툴킷은 어떻게 사용할까? 기본적인 예제

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

Redux Tool kit 총정리

이 글은 공식 문서와 블로그 1, 블로그 2, 블로그 3에 있는 내용을 바탕으로 작성한 글입니다. 아직 공부량이 적어 부족한 점이 많으니 적극적으로 알려주시면 감사하겠습니다. 먼저, 예시로 사용되는 간단한 코드와 제가 직접 구현한 코드를 혼용하여 사용하는 것에 양해 부

2021년 12월 1일
·
1개의 댓글
post-thumbnail

React | immer (불변성 유지)

상태 업데이트 까다로울 때 좋음구조가 복잡한 객체도 쉽고 짧은 코드를 사용 → 불변성 유지 + 업데이트 가능리덕스편의를 위한 것필수 x사용 시 → 생산성 ↑$ yarn add immer1번째 파라미터수정하고 싶은 상태2번째 파라미터상태를 어떻게 업데이트할지 정의하는 함

2021년 11월 7일
·
0개의 댓글

Immer 를 사용한 더 쉬운 불변성 관리

리액트에서 배열이나 객체를 업데이트 해야 할 때에는 직접 수정하면 안되고 반드시 불변성을 지켜주면서 업데이트를 해야한다.이렇게 하면 안되고다음과 같이 ... 연산자를 사용해서 새로운 객체를 만들어주어야 한다.배열도 마찬가지로 push, splice 등의 함수를 사용하거

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

immer

immer라는 걸 이용해서 무결성을 쉽게 유지시켜주는 고마운 라이브러리produce(state, draft) <== 이런 구조로 호출한다.예시) 상세 내용 코드펜 참조const nextState = produce(state, draft => { const pos

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

[ReactJS] Immutability

불변성: 값이나 상태를 변경할 수 없는 값을 의미상태를 변경하는데, 상태를 변경하지 않으면서 원하는 상태를 바꾼다는게 말이 어렵다...필요한 값을 변형해서 사용하고 싶다면 어떤 값의 사본을 만들어서 사용해야 한다.redux 예제를 공부하면서 느낀건데 다음과 같이 상태값

2021년 8월 24일
·
0개의 댓글

Immer

immer 사용법produce 함수는 두 가지 인자를 받는다. 첫 번째 피라미터는 수정하고 싶은 상태이고, 두 번째 파라미터는 상태를 어떻게 업데이트할지 정의하는 함수이다. (draft)

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

immer를 사용해보자!

react는 익히 알다시피 얕은 비교를 통해 상태 관리를 한다. 이말은 즉 얕은 비교를 하기 때문에 push등의 직접적인 변경을 하게 될 경우 react가 변화를 감지하지 못하여 리렌더링하지 않는다는 것이다.하지만 전개연산자를 이용해 매번 값을 변경하는것은 꽤 불편한

2021년 8월 17일
·
0개의 댓글

[TIL] React 재학습 - immer

typescript에서 immer를 사용하기

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

immer 도입하기

불변성을 지키다 보면 아래와 같이 복잡한 코드를 작성해야 할 상황이 온다하지만 이를 도와주기 위한 npm 으로 immer 이라는 라이브러리가 있다.react, redux 등에서 사용 가능하다. (hook 버전 -> use-immer)

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

[TIL #16] React - immer 란? (+ 불변성을 지켜야하는 이유)

Reducer를 작성하면서 불변성을 지키기 위해 immer라는 라이브러리를 사용하였다. 평소에 코딩을 하면서 불변성을 지켜야지~ 지켜야지~ 달달 외우고 살긴 했지만 '왜? 안지키면 어떻게 되는데?' 라는 의문을 단 한번도 가져보지 않았다..🙄immer를 사용한 김에

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

Redux 03 | redux-actions / immer

더 짧게 작성 → 가독성 ⬆, 객체 직접 작성xcreateAction 사용(액션에 필요한) 추가 데이터 : payload형태기본형 예시예시 1. 액션 생성 함수 파라미터를 payload에 변형을 주어서 넣고 싶다면creatAction 2번째 함수에 따로 선언예시 2.

2021년 7월 31일
·
0개의 댓글
post-thumbnail

[JS] 얕은복사와 깊은복사(feat.리액트에서 깊은복사를...?)

참조형 데이터를 어떻게 잘 복사 할 것인가? 객체가 담겨있는 변수를 다른 변수에 할당하면 데이터 복사가 아닌 참조가 일어나게 되어, 한 변수의 데이터를 변경하면 다른 변수의 데이터도 함께 변경이 된다.

2021년 7월 21일
·
0개의 댓글

React - (6) useState

useState 는 Hook 중에 하나이고, useState는 state를 함수 컴포넌트 안에서 사용할 수 있게 해준다. 출처 : 공식문서클래스형 컴포넌트에서만 사용할 수 있었던 state 를 함수형 컴포넌트에서도 사용할 수 있게 해준다.증가ㆍ감소 함수를 만들고, 각

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

20210703 TIL

action creator와 reducer를 편리하게 선언하고 코딩할 수 있게 돕는 라이브러리.기존 action creator는 return 해야할 객체를 일일이 코딩했다. action의 수만큼 만들어야할 객체가 늘어났는데, redux-actions의 createAct

2021년 7월 3일
·
0개의 댓글