React to the rescue

리액트(React) 관련 연재

  • 14
  • 5 팔로워

3편: React + GraphQL + Flowtype으로 트렐로 클론 웹앱 만들기 - Trello Board 생성

우리는 이전 편에서 graphcool 서버를 만들었고, 기본적인 graphql에 대해 다뤘다. 이번 편에서는 트렐로의 보드를 만들어 볼 것이다.참고: 이번 튜토리얼을 진행 하...

2편: React + GraphQL + Flowtype으로 트렐로 클론 웹앱 만들기 - graphcool (GraphQL 서버 만들기)

참고: 이번 튜토리얼을 진행 하기 위해 진행 되는 코드를 깃헙에 업로드 해놨으니, 이 튜토리얼을 진행하고 싶다면 아래에서 소스를 클론 받은 후 아래의 내용을 따라가기를 추천 ...

1편: React + GraphQL + Flowtype으로 트렐로 클론 웹앱 만들기 - 프로토타입

참고: 이번 튜토리얼을 진행 하기 위해 진행 되는 코드를 깃헙에 업로드 해놨으니, 이 튜토리얼을 진행하고 싶다면 아래에서 소스를 클론 받은 후 아래의 내용을 따라가기를 추천 ...

0편: React + GraphQL + Flowtype으로 트렐로 클론 웹앱 만들기 - 소개

이 튜토리얼은 트렐로(Trell0) 앱의 가장 기본적인 기능들(보드, 리스트, 카드)을 리액트(React), GraphQL(Apollo)과 Flowtype(자바스크립트 타입 ...

[React + GraphQL] Stack Stack 사이드 프로젝트를 통해 배운 것

회사의 신규 기능과 서비스 개편을 위해, 서버와 클라이언트를 GraphQL 기반으로 변경하고, 클라이언트 UI 기반을 머테리얼 디자인으로 변경하는 것이 큰 목표 였다. 큰 뼈...

리액트(React) 이해 4 - Higher Order Component(HOC)로 컴포넌트 재사용 하기

리액트에서 컴포넌트를 만들 때 가장 많이 사용되는 패턴은 컴포지션(composition) 패턴이다. 컴포지션을 활용하여 리액트 컴포넌트를 만드는 방법은 다양하지만, 이 중에서...

React 이해 3 - Context (Provider) 사용 해보기

리액트(React)로 컴포넌트를 만들 때, 상태 값 관리는 보통 props 또는 state로 관리한다. 리액트에는 사실 props와 state 외에도 상태를 관리하는 속성이 ...

리액트(React) 이해 기초 2 - Conditional Rendering

리액트로 컴포넌트를 만들다 보면, 빈번하게 사용 되는 패턴 중에 하나는 조건에 따라 다른 컴포넌트를 렌더링 하는 것이다. 예를 들어, 데이터가 로딩 중 일때, 데이터가 없을 ...

리액트(React) 이해 기초 - Component vs PureComponent vs Functional Component

리액트(React)에서 컴포넌트를 만드는 방법에는 크게 클래스 기반(React.Component, React.PureComponent를 확장(extends)해서 사용)과 함수...

리액트 스토리북(React Storybook)을 통한 컴포넌트 개발과 활용 방법 - 1

이 글은 현재 리액트 커뮤니티에서 UI 컴포넌트 개발시에 많이 사용되는 툴인 스토리북에 대한 글입니다. 여기에서는 먼저 스토리북에 대한 간단한 소개와 특징을 알아보고, 실제로...

소개

총 회

14

팔로워

5

첫 회

최근 회