React to the rescue

리액트(React) 관련 연재

  • 11
  • 4 팔로워

1편: 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 컴포넌트 개발시에 많이 사용되는 툴인 스토리북에 대한 글입니다. 여기에서는 먼저 스토리북에 대한 간단한 소개와 특징을 알아보고, 실제로...

VSCode 추천 익스텐션과 세팅 (VSCode Recommended Extensions and Settings)

Atom + Nuclide 조합으로 1년 정도 사용 해오다 최근 vscode로 변경 했다. 아톰을 사용하다 보면 메모리 점유율이 너무 높아져 아톰이 느려지는 현상이 계속 생겨...

베스트 10 리액트 UI 라이브러리(10 Best React UI Library)

리액트(React) 기반으로 제작된 UI 라이브러리를 조사해 봤습니다. 선정 기준은 현재도 활발하게유지/개발이 진행 되고 있고, 프로덕션에 적용 가능한 라이브러리 위주로 선택...

ReactXP - 스카이프(Skype)에서 만든 리액트(React) 기반 멀티 플랫폼 지원 라이브러리 사용 해보기

최근에 마이크로소프트(Microsoft)의 스카이프(Skype) 팀에서 ReactXP라는 라이브러리를 오픈소스화 했습니다. 이 라이브러리는 리액트(React)와 리액트 네이티...

소개

총 회

11

팔로워

4

첫 회

최근 회