React.JS [React.JS] 강좌 목록

Offline Tutorials

현재 패스트 캠퍼스에서 오프라인 강좌를 진행중입니다. 자세한 내용은 여기를 참조해주세요. 오프라인 강의는 10주로 이뤄져있으며, 리액트 기본기부터 시작해서 실무 노하우까지, 그리고 백엔드 관련 지식도 함께 배우게 됩니다.

Video

누구든지 하는 리액트 동영상 강의

Posts

Basics

• 누구든지 하는 리액트 목차
• 1편 리액트는 무엇인가
• 2편 리액트 프로젝트 시작하기
• 3편 JSX
• 4편 props 와 state
• 5편 LifeCycle API
• 6편 input 상태 관리하기
• 7편 배열 다루기 (1) 생성과 렌더링
• 8편 배열 다루기 (2) 제거와 수정
• 9편 불변성을 지키는 이유와 업데이트 최적화
• 10편 앞으로의 공부방향

• 리액트에서 DOM 에 직접적인 접근을 할 때, ref
• Context API
• 함수형 컴포넌트 (Functional Component)
• React 기초 입문 프로젝트 – 흔하디 흔한 할 일 목록 만들기
• React ?? Immutable.js – 리액트의 불변함, 그리고 컴포넌트에서 Immutable.js 사용하기
• 리액트 컴포넌트 스타일링 – CSS Module / Sass / styled-components
• 리액트 컴포넌트 스타일링, API 연동 실습 – NASA 에서 오늘의 우주 사진 가져오기

Redux

• 리덕스(Redux)를 왜 쓸까? 그리고 리덕스를 편하게 사용하기 위한 발악 (i)
• 리덕스(Redux)를 왜 쓸까? 그리고 리덕스를 편하게 사용하기 위한 발악 (ii)
• Redux 를 통한 React 어플리케이션 상태 관리 :: 목차
• 리덕스 미들웨어, 그리고 비동기 작업 (외부데이터 연동)

Minor

• React 컴포넌트 구성 & AJAX 비동기 작업 처리하기 & CSS 애니메이션 처리

Advanced

• 리액트 라우터, 코드 스플리팅, 그리고 서버사이드 렌더링 [Featured]

Codelab

• React.js Codelab 2016 – Express 와 React.js 를 사용한 웹 어플리케이션 만들기

Useful Tips/Links

• React.JS 와 함께 사용하면 좋은 도구 목록
• Webpack css-loader 를 통하여 .css 파일을 import 하여 사용하기
• string 형태의 html을 렌더링하기, newline(\n) 을 BR 태그로 변환하기
• create-react-app 사용하기 + react-hot-loader 적용 + Express.js 와 함께 사용하기