코스 개요
소개
- 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
요약 및 결론
요건
- 웹 애플리케이션 개발 경험
- Javascript 프로그래밍 경험
- React에 대한 familiarity
대상
- 개발자
회원 평가 (2)
* 실습 중심의 접근 방식으로 주제를 더 잘 이해할 수 있었습니다. * 교사가 우리의 사용 사례와 관련된 주제를 다루는 데 유연하게 대응했습니다.
Juan Rial - Cegeka NV
코스 - Building Interactive Applications with React, Redux and GraphQL
기계 번역됨
이미 해당 주제에 대해 상당한 지식을 가지고 있었지만, 과정 동안 많은 유용한 정보를 얻었습니다.
Stefan-Lucian Bucur - Cegeka NV
코스 - Building Interactive Applications with React, Redux and GraphQL
기계 번역됨