React는 사용자 인터페이스를 구축하기 위한 인기 있는 오픈 소스 JavaScript 라이브러리입니다.
React는 슬림 한 API, 강력하고 진화하는 생태계, 훌륭한 커뮤니티를 가지고 있습니다.
React에 대해 알아야 할 모든 것을 가르치는 포괄적 인 10 시간 과정을 freeCodeCamp.org YouTube 채널에 게시했습니다.
이 과정은 Coding Addict의 John Smilga가 만들었습니다. John은 500 개 이상의 코딩 튜토리얼을 만든 경험이 풍부한 교사입니다.
https://www.freecodecamp.org/news/react-10-hour-course/
이 과정에서는 다음에 대해 학습합니다.
- React 기초
- React 후크
- 컨텍스트 API
- React 라우터
- 맞춤 후크
- 그리고 더
이 비디오가 끝나면 다음 프로젝트에서 React를 사용하는 방법을 잘 이해할 수 있습니다.
이 포괄적인 과정에서 다루는 모든 React 주제는 다음과 같습니다.
- About React
- Goals
- Structure
- Course Requirements
- Dev Environment Setup
- Text Editor Setup
- Command Line Basics
- NPM Basics
- Create-React-App
- Install Create-React-App
- Folder Structure
- Clean Boilerplate
- First Component
- Text Editor Setup
- First Component In Detail
- JSX Rules
- Nested Components And Tools
- Mini Book Project
- CSS Basics
- JSX Css
- JSX Javascript
- Props
- Props Destructuring
- Props - Children
- Simple List
- Proper List
- Key Prop And Spread Operator
- Event Basics
- Import And Export Statements
- Free Hosting
- Advanced Intro
- Get Starter Project
- Install Starter
- Starter Overview
- UseState - Simple Use Case
- UseState - Basics
- General Rules Of Hooks
- UseState - Array Example
- UseState - Object Example
- UseState - Multiple State Values
- Simple Counter
- Functional Update Form
- Matching Project
- useEffect - Basics
- useEffect - Conditional
- useEffect - Dependency List
- useEffect - Cleanup Function
- useEffect - Fetch Data
- Multiple Returns
- Multiple Returns - Fetching Data
- Short - Circuit Evaluation
- Ternary Operator
- Show/Hide Component
- Form Basics
- Controlled Inputs
- Add Item To The List
- Multiple Inputs
- useRef
- useReducer - UseState Setup
- useReducer - Refactor
- useReducer - Add Item
- useReducer - Remove Item
- Prop Drilling -
- Context API / - useContext
- Custom Hooks - useFetch
- PropTypes - Setup
- PropTypes - Images
- PropTypes - Default Values
- React Router Intro
- React Router - Basic Setup
- React Router - Error And Switch Component
- React Router - Links
- React Router - URL Params And Placeholder
- React Optimization Warning
- React.memo
- useCallback
- useMemo
- useCallback - Fetch Example
freeCodeCamp.org YouTube 채널 (10 시간 시청)에서 전체 과정을 시청하세요.
