한국어로 배우는 리액트

한국어로된 리액트 관련 포스팅이나 웹사이트의 모음입니다. 현재 직접 링크를 모으고 있습니다. PR은 언제나 환영입니다.

입문

처음 리액트를 접하시는 분들께 추천할만한 글들입니다.

• [번역] react-howto
• React 소개 및 맛보기
• Velopert님의 텍스트 강좌
• React & Express 를 이용한 웹 어플리케이션 개발하기
• [번역] 리액트, 리덕스와 리액트-리덕스(React, Redux and react-redux)
• [번역] 리액트 도움닫기(The Road to learn React)

추천

리액트를 100% 활용하기 위해 꼭 읽어 볼 만한 내용들 입니다.

React

• React 적용 가이드 - 네이버 메일 모바일 웹 적용기
• 리안 개발 일기 #1: Front-End 개발(React)
• React의 기본, 컴포넌트를 알아보자
• React 앱의 최적화 전략
• React 앱의 데이터 흐름
• [번역] 상세한 리액트 Higher Order Components 설명(React Higher Order Components in depth)
• React 렌더링과 성능 알아보기
• React 컴포넌트를 테스트하는 세 가지 방법
• React Component를 테스트하기 위한 올바른 방법
• [번역] Presentational and Container Components

Redux

• [번역] Redux 한글 문서
• [번역] redux-saga로 비동기처리와 분투하다
• [번역] 리덕스 패턴과 안티 패턴 (Redux Patterns and Anti-Patterns)
• 리덕스(Redux) 애플리케이션 설계에 대한 생각
• Redux 를 통한 React 어플리케이션 상태 관리

Blogs

리액트와 관련된 좋은 리소스를 제공하는 블로그들입니다.

• Velopert.log
• ZeroCho Blog
• 오늘도 끄적끄적

문서들

React

• Create React App에 Flow(정적 타입 체크 라이브러리) 사용 하기 2018/01
• [번역] Next.js 2.0을 이용하여 보다 나은 Universal JavaScript 앱 만들기 2017/04
• [Next.js 2.0] 간단한 React 전용 서버사이드 프레임워크, 기초부터 본격적으로 파보기 2017/04
• [번역] 리액트하다가 막혔을 때 생각해볼 4가지 질문 2017/03
• [번역] 리액트에 대해서 그 누구도 제대로 설명하기 어려운 것 – 왜 Virtual DOM 인가? 2017/03
• ReactJS: Props와 State 비교 2017/03
• (React Router) v4로 마이그레이션 해보자! 2017/03
• (React Hot Loader) v3로 마이그레이션 해보자! 2017/03
• React Study v2 #00 2017/02
• [번역] Building Tesla's battery range calculator with React Part 1 2017/02
• [번역] Building Tesla's battery range calculator with React Part 2 (Redux version) 2017/03
• 리액트 인라인 스타일링과 스타일드 컴포넌트 2017/02
• [번역] 함수형 setState가 리액트(React)의 미래이다 2017/02
• React 프로젝트의 디렉토리 구조 2017/02
• React 소개 및 구현방법 Demo 2017/01
• [번역] `setState` 메쏘드 파라미터로 객체 대신 함수 사용하기(Using a function in `setState` instead of an object) 2017/01
• [번역] 리액트 죽음의 다섯 손가락. 이 다섯 가지 개념을 마스터 한 다음 리액트를 마스터하라(React’s Five Fingers of Death. Master these five concepts, then master React) 2017/01
• Immutable한 양방향 데이터 바인딩 2016/12
• RxJS로 React 컴포넌트 상태 관리하기 2016/12
• create-react-app에 관하여 -1 2016/10
• react로 개발자 2명이 플랫폼 4개를 서비스하는 이야기 2016/10
• [번역] 리액트 State 비쥬얼 가이드(A Visual Guide to State in React) 2016/10
• [번역][React Router] 시리즈 2016/10
• React, Google Maps, D3 를 이용한 Hexagonal Binning 기법 2016/9
• React, Redux and es6/7 2016/09
• React.js가 IE 브라우저 지원 중단했다면서요? 2016/09
• 리액트 딜레마 2016/08
• React.js 실서비스 적용기 2016/07
• 애니메타의 React 서버 렌더링 아키텍쳐 2016/07
• 왜 React와 서버 사이드 렌더링인가? 2016/06
• 안녕, 리액트(Hello, React) 2016/04
• React 소스 코드 읽기 - ReactElement 2016/03
• React 소스 코드 읽기 - 유틸리티들 2016/03
• React 튜토리얼 1차시 2016/03
• React 튜토리얼 2차시 2016/03
• React로 개발하는 SPA 실무 이야기 2016/02
• React 애플리케이션의 서버 렌더링 2016
• 자바스크립트 프레임워크 소개 4 - React 2016
• React와 불변객체 2015/08

Redux

• React 적용 가이드 - React와 Redux 2017/02
• State management — Redux vs. MobX 2016/09
• [번역] Redux Step by Step : 실제 앱을 위한 간단하고 탄탄한 워크 플로(Redux Step by Step: A Simple and Robust Workflow for Real Life Apps) 2016/11
• [번역] 당신에게 Redux는 필요 없을지도 모릅니다. 2016/09
• [번역] 리덕스에 대한 이해 2016
• Flux와 Redux 2016
• 역시 Redux 2015/11

Misc

React Native

• React Native Swift 구글 스트리트뷰 컴포넌트 만들기 #1 2017/05
• React Native Swift 구글 스트리트뷰 컴포넌트 만들기 #2 2017/05
• 리액트 네이티브 FlatList (React Native FlatList) 2017/04
• React Native 안드로이드 성능 최적화 2017/03
• [번역] 인스타그램이 React Native로 앱을 만든 과정 2017/03
• 리액트 네이티브 (React Native) 일년 2016/12
• ReactNative 튜토리얼 2016/07
• 리액트 네이티브로 시작하는 앱 개발 #3 2016/03
• 리액트 네이티브로 시작하는 앱 개발 #2 2016/03
• 리액트 네이티브로 시작하는 앱 개발 #1 2015/11
• React Native를 사용한 초간단 커뮤니티 앱 제작 2015/05
• MobX with React Native — Intro 2016/04
• 리액트 네이티브[React Native] 0.4x
• React Native Swift 구글 스트리트뷰 컴포넌트 만들기 #1 2017/05
• React Native Swift 구글 스트리트뷰 컴포넌트 만들기 #2 2017/05

Webpack

• (Webpack 2) 상대경로 헬파티에서 탈출하기 2017/04
• (Webpack 2) 최적화하기 2017/04
• (Webpack 2) 코드를 분할해보자! 2017/03
• (Webpack 2) 트리 쉐이킹을 해보자! 2017/03
• (Webpack 2) 트리 쉐이킹을 똑똑하게 해보자! 2017/04
• 웹팩2(Webpack) 설정하기 2017/02
• 웹팩2로 CSS와 기타 파일 번들링하기 2017/02
• 웹팩2로 청크 관리 및 코드 스플리팅 하기 2017/02

미분류

• ReactXP - 스카이프(Skype)에서 만든 리액트(React) 기반 멀티 플랫폼 지원 라이브러리 사용 해보기 2017/04
• React VR 2017/04
• JavaScript in 2017: 옛날 사람 탈출하기 2017/03
• rest에서 graph ql과 relay로 갈아타기 2016/10
• snippod-starter-demo-app–Full Stack Architecture : React & Flux + Django REST Framework 2016/07
• 개발자가 가져야 할 균형 감각에 대한 단상 2016/02

기여

글 제보

다음과 같은 조건이면 바로 PR을 보내주셔도 됩니다. 그리고 작성 년월도 PR에 커멘트로 알려주세요.

• 완전히 번역된 글
• 2017년 이후 글들

이 조건에 해당하지 않는 경우 이슈를 열어주세요! 검토해보도록 하겠습니다.

번역 요청

번역이 필요한 문서들은 새 이슈를 만들어서 요청해주세요!

메인테이너

Junyoung Choi (Rokt33r)

Special Thanks

Eclatant

License

본 링크 리스트는 CC BY-NC-SA 4.0하에 이용 가능합니다.