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에 대해 잘 알고 있음

청중

  • 개발자
 28 Hours

Number of participants



Price per participant

회원 평가 (2)

Related Courses

Relay: Efficiently Fetch Data in React Applications

14 Hours

Related Categories