시작하기에 앞서 Redux와 Rematch를 소개하기에 앞서 먼저 간략하게 redux에 대한 설명을 하고 넘어가겠습니다. Redux란? redux에 대한 한글 소개문서에서는 자바스크립트앱을 위한 예측가능한 상태 컨테이너라고 소개합니다. 좀더 설명하자면 flux 아키텍쳐 구조를 가진 상태관리 라이브러리로 모든상태저장소를 중앙집중형식으로 관리하는...
서론 최근 취업을 위해 서류를 제출하면서 우대 사항에 TypeScript 에 대한 경험이 많이 적혀있는 것을 보고 공부를 해야겠다 생각하였습니다. 그래서 TypeScript React를 구글링을 하였는데... image.png ~벨로퍼트님... 그는 React의 신인가?..~ 벨로퍼트님의 블로그 === React의 라프텔 // True 트루 참트루...
Redux-Thunk vs Redux-Saga thunk saga 이글은 Decembersoft 페이지글은 번역한 글입니다. 당신은 Redux tutorials를 이미 끝냄으로써, 당신만의 Redux code를 테스트할 준비가 되었다고 느낄 것입니다. 피와 땀, 눈물을 흘린 후에 당신은 reducer와 몇 가지 action들을 구현했습니다. 당신은...
최근 집에서 쉬는 시간에 한국의 해커뉴스를 타깃으로 하는 리드포스트라는 웹사이트를 개발하고 있습니다. (물론 만들다보니 욕심때문에 해커뉴스와는 전혀 다른 사이트가 되어가고 있습니다. 😆) 회사에서는 적용하지 못한 실험적인 것들을 이 사이드 프로젝트를 진행하면서 많이 적용해보고 있습니다. 그 중에서 오늘은 TypeScript 환경에서 Redux의 Boile...
Immutable.js 사용하기 Immutable.js 는 불변성을 유지해줘야 하는 객체의 값을 더 쉽게 업데이트 할 수 있게 해줍니다. Immutable.js 의 사용법은 여기서 더 자세히 보실 수 있습니다. 우선, 설치를 해주겠습니다.
3-1. 리덕스의 3가지 규칙 리덕스를 프로젝트에서 사용하게 될 때 알아둬야 할 3가지 규칙이 있습니다. 1. 하나의 애플리케이션 안에는 하나의 스토어가 있습니다. 하나의 애플리케이션에선 단 한개의 스토어를 만들어서 사용합니다. 여러개의 스토어를 사용하는것은 사실 가능하기는 하나, 권장되지는 않습니다.특정 업데이트가 너무 빈번하게 일어나거나, ...
리덕스는 리액트에 종속되지 않습니다. 리액트에서 사용하려고 만든거긴 하지만, 실제로 다른 UI 라이브러리나 프레임워크와 함께 사용 될 수도 있습니다 (예: angular-redux, ember-redux...) 물론, 바닐라 자바스크립트와도 함께 사용할 수도 있겠죠. 바닐라 (vanilla) 자바스크립트는, 라이브러리나 프레임워크 없이 사용하는 자바스크...
리덕스 소개 리덕스는, 가장 사용률이 높은 상태관리 라이브러리입니다. 리덕스를 사용하면, 여러분이 만들게 될 컴포넌트들의 상태 관련 로직들을 다른 파일들로 분리시켜서 더
리액트 생태계에서 사용되는 상태 관리 라이브러리는 대표적으로 Redux 와 MobX 가 있습니다. 이 둘의 특징을 배워보고 직접 사용하면서 알아가봅시다. 상태 관리 라이브러리의 필요성 상태 관리 라이브러리란게, 과연 필요할까요? 무조건 필요하지는 않습니다. 하지만 한가지는 확실합니다. 규모가 큰 앱에선 있는게, 확실히 편합니다. 제가 존경하는 개발...