Course Outline
소개
- React 대 Angular 및 기타 프레임워크
이해 React
- JSX, 컴포넌트 및 소품, 컴포넌트 라이프사이클 등
- 애플리케이션 상태와 데이터 상태 관리
ES6로 React 애플리케이션 작성
- 주의해야 할 구문 및 ES6+ 기능
개발 환경 설정
Node.js 개요
설치 및 구성 Node.js
Webpack 및 Babel 개요
- "변환" 이해(JSX를 Java스크립트로 변환)
Webpack 설치 및 구성
Babel 설치 및 구성
React 및 ReactDOM 설치
첫 번째 React 신청서 작성하기
소스 파일의 변경 사항을 감시하도록 WebPack 구성
npm을 도구 실행기로 구성
새로운 구성요소로 React 애플리케이션 확장
Flux 및 Redux 아키텍처를 React 애플리케이션에 구현
Flux 이해 및 Redux
- 상태 비저장 구성 요소, 작업, 리듀서, 디스패처, 미들웨어, 컨테이너 등
React 애플리케이션에 다중 뷰 구축
설치 및 구성 Redux
Flux/Redux를 사용하여 간단한 할 일 목록 만들기(모의 서버 API 사용)
백엔드를 React 애플리케이션: GraphQL 및 Apollo와 통합
GraphQL 개요
- 데이터 유형, 스키마, 그래프 구조 및 React와의 통합
- Restful 라우팅의 한계
- GraphQL 대 SQL
GraphQL 쿼리 작성
사용자 인증
React 라우터를 GraphQL과 통합
React와 GraphQL을 사용하여 간단한 블로그 구축
React 애플리케이션 테스트
npm 명령줄 스크립트를 사용하여 React 애플리케이션 처리
문제 해결
앱 저장소 구조화
코드 작성 모범 사례 React 코드
React 애플리케이션 배포
React 네이티브를 사용하는 모바일 애플리케이션의 A Word
요약 및 결론
Requirements
- 웹 애플리케이션 개발 경험
- 자바스크립트 프로그래밍 경험
- React에 대해 잘 알고 있음
청중
- 개발자
회원 평가 (2)
* The hands-on approach, which helped us understand the subject matter better. * The teacher's flexibility in covering topics that are relevant to our use cases.
Juan Rial - Cegeka NV
Course - Building Interactive Applications with React, Redux and GraphQL
Although I had a pretty good knowledge of the subject already, I found out a lot useful stuff during the course.