# state management

16개의 포스트
post-thumbnail

Recoil - (1)

리액트를 사용하면서 넘어야 할 몇 가지 산 중에 하나가 redux로 대표되는 state management라고 생각합니다. 여기에 관한 수많은 고민들이 있었던 거 같습니다. 프론트엔드 개발을 시작한지 얼마되지 않았지만 짧은 시간 사이에 쫓아갈 수도 없을 만큼 수많은 라

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

프론트엔드 상태관리의 역사 - (1)

신입 프론트엔드 개발자로 일하면서 상태(state)와 상태관리(state management) 라는 말을 자주 들었습니다. 프론트엔드 개발자들은 자주 '이 기능은 상태를 더 추가해서 만들어야 할 것 같아요.', '불필요한 상태가 많은 것 같아요. 좀 더 줄여 관리할 수

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

Flutter BLoC Pattern - (2)

직접 공부하고 적용해본 Flutter의 상태관리, BLoC

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

Flutter BLoC Pattern - (1)

직접 공부하고 적용해본 Flutter의 상태관리, BLoC

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

[NGXS] Composition과 Error Handling

상속개념을 이용하여, 여러 store들을 구성할 수 있다.NGXS에서는 액션이 에러를 던진다면, Angular의 기본 ErrorHandler 를 사용한다. ErrorHandler를 오버라이드하여 사용한다.위와 같은 상황에서RxJS에서 에러가 throw되면 자동적으로 s

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

[NGXS] Action Handler, Action Life Cycle

NGXS의 모든 Action은 4가지 상태로 존재한다.DISPATCHED, ERRORED, CANCLEED, SUCCESSFULAction들은 내부스트림으로 ActionContext라는 객체를 방출하는데,해당 객체는 아래와 같은 구조로 되어 있다.위의 액션이 성공한다면

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

[NGXS] State

State를 정의한 클래스state 데코레이터로 정의하고, Injectable 데코레이터로 의존성 주입을 한다.name : 전체 어플리케이션에서 해당 이름은 유니크 해야한다. (식별자)defaults : 이 상태의 기본 값(object, array)를 설정한다.chil

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

React 상태 관리의 과거, 현재, 그리고 미래

React 앱에서 사용되는 다양한 유형의 상태를 알아보고, 이를 효과적으로 제어하기 위한 라이브러리들을 살펴봅니다.

2021년 5월 30일
·
8개의 댓글
post-thumbnail

Redux Toolkit :: createAction, createReducer, configureStore, createSlice

Redux를 보다 더 간결하게, 효율적으로 사용할 수 있게 도와주는 Redux Toolkit에 대해 알아봅시다🤓

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

React Redux :: React Redux 입문 (Provider, Connect, mapStateToProps, mapDispatchToProps)

간단한 To-do List를 React Redux로 구현해보며, React에서 Redux를 사용하는 방법을 익혀봅시다⭐️

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

Redux + JavaScript :: Redux 입문 (Store, Reducer, Action, Dispatch, Subscription)

Redux의 탄생 배경을 알아봄으로써 Redux에 좀 더 가까이 다가가보며, Redux의 기초 구문에 대해 알아봅시다🤓

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

React Hooks :: useReducer에 대해 알아보기

React가 제공하는 내장 훅(Built-in Hooks) 중 하나인 useReducer에 대해 알아봅시다🤓

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

Redux toolkit 을 React에 적용하기 ep.2 (counter 예제)

CRA(create-react-app) +Typescript 위에서 redux-toolkit 공식문서에 있는 간단한 카운터를 따라해보자

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

[Flutter] GetX를 통한 상태관리

GetX를 통한 상태관리에는 update를 통한 상태관리 Reactive한 상태관리 로 나눌 수 있는데 해당 내용을 정리해보았다. 1. 환경설정 pubspec.yaml파일에 해당 코드를 추가한다. get: ^버전 2. 설치 커맨드 창에서 > $ flutter pu

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

MobX with React - 개요

리액트에서는 화면 안에서 값이 변하는 값들이나, 변화를 유발하는 변수들을 class 컴포넌트의 경우 state로 관리합니다. 그러나 state관리가 굉장히 불편하고 오류도 많아 상태 관리 라이브러리들을 사용하곤 합니다. 저는 MobX를 선택했네요.

2020년 2월 11일
·
0개의 댓글

Redux 대신에 Rematch!

시작하기에 앞서 Redux와 Rematch를 소개하기에 앞서 먼저 간략하게 redux에 대한 설명을 하고 넘어가겠습니다. Redux란? redux에 대한 한글 소개문서에서는 자바스크립트앱을 위한 예측가능한 상태 컨테이너라고 소개합니다. 좀더 설명하자면 flux 아키텍쳐 구조를 가진 상태관리 라이브러리로 모든상태저장소를 중앙집중형식으로 관리하는 라이...

2019년 3월 31일
·
3개의 댓글