분류 Reactjs

이 무료 10 시간 YouTube 과정으로 React JavaScript 라이브러리 알아보기

컨텐츠 정보

  • 조회 27 (작성일 )

본문

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 시간 시청)에서 전체 과정을 시청하세요.