여러분은 React를 공부할 때 Redux가 얼마나 훌륭한지, 그리고 한 번 써보라고 권유하는 사람들의 얘기를 거의 항상 듣게 될 것입니다. React 생태계는 빠르게 성장하는 중이고, React와 연결 가능한 flow와 redux, middlewares, mobx 등 라이브러리가...

React는 인터랙티브한 UI를 구축하는 대중화된 자바스크립트 프론트 엔드 라이브러리 입니다. React는 상대적으로 빨리 배울 수 있는데, 그 점이 최근들어 주목을 끌게 된 이유 중 하나입니다.

웹 개발에서 유행하고 있는 자바스크립트는 과소평가되고 있다. 사실 몇 년 전에 열정적인 프로그래머인 Jeff Atwood는 다음과 같은 "Atwood의 법칙"을 만들었다.

데이터를 보여주는 데 가장 흔히 쓰이는 UI 중 하나가 table 입니다. table로 작업할 때 다음과 같이 제어해야 할 측면이 많다는 것을 알게 됩니다.

React는 웹 개발을 단순화시키는 데 많은 일을 했습니다. React의 컴포넌트 기반 아키텍처는 원칙적으로 코드를 분해하고 재사용하기에 용이합니다. 그렇더라도 프로젝트를 통틀어 어떻게 컴포넌트로 나눌지 개발자들이 잘 알고 있지 않습니다. 저는 이 글에서 그 부분을 잘 판단하게...

React는 인터랙티브한 웹 애플리케이션을 개발하는데 인기가 가장 높은 라이브러리임이 틀림없습니다. 그러나 React는 아직 완벽히 갖춘 웹 프레임워크가 아닙니다. 오래된 MVC 모델에서 뷰(view)에 중점을 두고 있습니다.

Redux로 시작하기 시리즈 중에 세 번째입니다. 이번 튜토리얼에서는 Redux 저장소를 React와 연결하는 방법에 대해 공부하겠습니다. Redux는 독립적인 라이브러리로 대다수 대중화된 프론트엔드 라이브러리와 프레임워크와 같이 동작합니다. 함수형 접근 방식이기에 React와...

페이지 전환 애니메이션이 들어간 멀티 페이지 React 애플리케이션을 제작하는 데 react-router와 react-transition-group 모듈이 사용되는 것을 이 튜토리얼에서 보여드리겠습니다.

이 튜토리얼에서는 Facebook의 Flux 아키텍처와 React 기반 애플리케이션에서 데이터 흐름을 처리하는 방법에 대해 배웁니다. Flux의 기본을 다루고 개발의 동기를 이해 한 다음 간단한 가상 지갑 응용 프로그램을 작성하여 배운 내용을 연습 해 보겠습니다.

여러분은 이 튜토리얼 시리즈에서 React를 이용하여 블로그 앱을 어떻게 제작하는지 알게 될 것입니다. 이 튜토리얼 시리즈를 통해 애플리케이션 UI를 개발하는 데 React를 어떻게 사용하는가에 집중하게 됩니다.