전체태그 보기

#redux (15개의 포스트)

[번역] GraphQL은 어떻게 Redux를 대체하는가
minsangk
최근 프론트엔드를 Angular로 전면 교체하면서 상태 관리 코드에 관한 고민이 많은 차에 많은 영감을 주는 좋은 글을 발견하여 (처음으로, 제대로) Mark Johnson님의 허락을 얻어 모자란 실력이나마 번역을 해봤습니다. 이에 관한 제 생각과 경험이 더 있는데 그 글은 따로 포스트를 작성하도록 하겠습니다ㅋ How GraphQL Replaces...
nibble

React + Redux로 Counter 만들기

2019년 7월 15일0개의 댓글
이 글은 벨로퍼트님의 Redux (3) 리덕스를 리액트와 함께 사용하기 를 보고 작성한 글입니다. 이 글을 보시기 전에 리액트 기초을 보고오세요. 0. 배경...
Redux #1
geonhwi

Redux #1

2019년 7월 11일0개의 댓글
Redux / Action / Middleware
jeonghoheo

Basic Redux의 기본

2019년 7월 4일0개의 댓글
Redux image Redux는 기본적으로 React뿐만 아니라 다양한곳에서 사용될수있다. 특히 React에서 상태관리를 할때 Redux를 사용하면 좋다. * Action(액션) Action은 Store라는 저장소에 정보를 전달하기 위한 데이터 묶음이다. Ex)...
react-redux 에서 Hooks 사용하기
velopert

react-redux 에서 Hooks 사용하기

2019년 4월 27일14개의 댓글
리덕스 v7.1 에 Hooks 기능이 alpha 로 탑재되었습니다. 한번 실습을 통하여 사용 방법을 알아봅시다.
float_letter

Redux 대신에 Rematch!

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

Redux (1) 소개 및 개념정리

2018년 9월 8일2개의 댓글
리덕스 소개 리덕스는, 가장 사용률이 높은 상태관리 라이브러리입니다. 리덕스를 사용하면, 여러분이 만들게 될 컴포넌트들의 상태 관련 로직들을 다른 파일들로 분리시켜서 더
상태 관리 라이브러리의 미학: Redux 또는 MobX 를 통한 상태 관리
velopert
리액트 생태계에서 사용되는 상태 관리 라이브러리는 대표적으로 Redux 와 MobX 가 있습니다. 이 둘의 특징을 배워보고 직접 사용하면서 알아가봅시다. 상태 관리 라이브러리의 필요성 상태 관리 라이브러리란게, 과연 필요할까요? 무조건 필요하지는 않습니다. 하지만 한가지는 확실합니다. 규모가 큰 앱에선 있는게, 확실히 편합니다. 제가 존경하는 개발...