# state management
Recoil을 오랜만에 쓸 때 보는 간단한 포스트
Recoil을 오랜만에 쓸 때를 대비하기 위한 간단한 포스트를 정리해봤다. 앞으로 Redux를 공부하고 써 볼 예정이기 때문이다. 나중에 다시 Recoil을 쓸 때 러닝 커브를 좀 더 줄여보기 위해 작성해보았다!
[Flutter] 플러터 Stream 맛보기
StreamBuilder를 알아보기전에 FutureBuilder에 대해서 되새김질 해보고가자.FutureBuilder는 비동기 처리를 진행하며 결과에 따라 표시할 Widget을 반환한다.StreamBulder는 스트림 작업을 진행하며, Stream을 통해 전달되는 데이
Flutter bloc - 2
BlocProvider는 BlocProvider.of<T>(context)를 통해 자식에게 블록을 제공하는 Flutter 위젯입니다. 종속성 주입(DI) 위젯으로 사용되어 블록의 단일 인스턴스가 하위 트리 내의 여러 위젯에 제공될 수 있습니다.대부분의 경우 'Bl
Flutter bloc - 1
BlocBuilder는 bloc과 builder 기능이 필요한 Flutter 위젯입니다. 'BlocBuilder'는 새 상태에 대한 응답으로 위젯 빌드를 처리합니다. BlocBuilder는 StreamBuilder와 매우 유사하지만 필요한 상용구 코드의 양을 줄이기 위
Recoil - (1)
리액트를 사용하면서 넘어야 할 몇 가지 산 중에 하나가 redux로 대표되는 state management라고 생각합니다. 여기에 관한 수많은 고민들이 있었던 거 같습니다. 프론트엔드 개발을 시작한지 얼마되지 않았지만 짧은 시간 사이에 쫓아갈 수도 없을 만큼 수많은 라
[NGXS] Composition과 Error Handling
상속개념을 이용하여, 여러 store들을 구성할 수 있다.NGXS에서는 액션이 에러를 던진다면, Angular의 기본 ErrorHandler 를 사용한다. ErrorHandler를 오버라이드하여 사용한다.위와 같은 상황에서RxJS에서 에러가 throw되면 자동적으로 s
[NGXS] Action Handler, Action Life Cycle
NGXS의 모든 Action은 4가지 상태로 존재한다.DISPATCHED, ERRORED, CANCLEED, SUCCESSFULAction들은 내부스트림으로 ActionContext라는 객체를 방출하는데,해당 객체는 아래와 같은 구조로 되어 있다.위의 액션이 성공한다면
[NGXS] State
State를 정의한 클래스state 데코레이터로 정의하고, Injectable 데코레이터로 의존성 주입을 한다.name : 전체 어플리케이션에서 해당 이름은 유니크 해야한다. (식별자)defaults : 이 상태의 기본 값(object, array)를 설정한다.chil
React 상태 관리의 과거, 현재, 그리고 미래
React 앱에서 사용되는 다양한 유형의 상태를 알아보고, 이를 효과적으로 제어하기 위한 라이브러리들을 살펴봅니다.
Redux Toolkit :: createAction, createReducer, configureStore, createSlice
Redux를 보다 더 간결하게, 효율적으로 사용할 수 있게 도와주는 Redux Toolkit에 대해 알아봅시다🤓
React Redux :: React Redux 입문 (Provider, Connect, mapStateToProps, mapDispatchToProps)
간단한 To-do List를 React Redux로 구현해보며, React에서 Redux를 사용하는 방법을 익혀봅시다⭐️
Redux + JavaScript :: Redux 입문 (Store, Reducer, Action, Dispatch, Subscription)
Redux의 탄생 배경을 알아봄으로써 Redux에 좀 더 가까이 다가가보며, Redux의 기초 구문에 대해 알아봅시다🤓
React Hooks :: useReducer에 대해 알아보기
React가 제공하는 내장 훅(Built-in Hooks) 중 하나인 useReducer에 대해 알아봅시다🤓
Redux toolkit 을 React에 적용하기 ep.2 (counter 예제)
CRA(create-react-app) +Typescript 위에서 redux-toolkit 공식문서에 있는 간단한 카운터를 따라해보자
[Flutter] GetX를 통한 상태관리
GetX를 통한 상태관리에는 update를 통한 상태관리 Reactive한 상태관리 로 나눌 수 있는데 해당 내용을 정리해보았다. 1. 환경설정 pubspec.yaml파일에 해당 코드를 추가한다. get: ^버전 2. 설치 커맨드 창에서 > $ flutter pu
MobX with React - 개요
리액트에서는 화면 안에서 값이 변하는 값들이나, 변화를 유발하는 변수들을 class 컴포넌트의 경우 state로 관리합니다. 그러나 state관리가 굉장히 불편하고 오류도 많아 상태 관리 라이브러리들을 사용하곤 합니다. 저는 MobX를 선택했네요.