분류 Reactjs

React.js 배우기-초보자를 위한 전체 코스-Tutorial 2019

컨텐츠 정보

  • 조회 443 (작성일 )

본문

React는 동적 웹 애플리케이션을 빌드 하기 위한 JavaScript 라이브러리입니다. 

이 과정을 마치면 React에서 웹 애플리케이션을 빌드 하는 데 필요한 모든 것을 알게 됩니다.

https://scrimba.com/g/glearnreact에서 과정의 대화식 버전을 사용해 볼 수도 있습니다.


이 React에 대한 포괄적 인 소개는 Bob Ziroll (@bobziroll)이 작성했습니다. Bob은 수상 경력에 빛나는 기술 교육 학교 인 V School의 교육 책임자입니다.


비디오에 언급 된 튜토리얼 지옥 링크 : https://www.youtube.com/redirect?redir_token=it-SmE8JxlPhmSUxiN4-yaQnHf58MTU3MjQxMzA3N0AxNTcyMzI2Njc3&event=video_description&v=DLX62G4lc44&q=https%3A%2F%2Fcodeburst.io%2Fdigging-my-way-out-of-tutorial-hell-6dd5f9927384

언급 된 가상 DOM 비디오 : https://www.youtube.com/watch?v=BYbgopx44vo


React가 로컬에서 작동하게 하려면 어떤 코드를 추가 해야 하는지 상단 주석을 확인하십시오.


⭐️Course Contents ⭐️ ⌨️ (0:00:00) Course Introduction & Philosophy ⌨️ (0:05:22) What we'll be building ⌨️ (0:06:24) Why React? ⌨️ (0:09:25) ReactDOM & JSX ⌨️ (0:16:19) ReactDOM & JSX Practice ⌨️ (0:20:34) Functional Components ⌨️ (0:24:32) Functional Components Practice ⌨️ (0:29:41) Move Components into Separate Files ⌨️ (0:35:07) Parent/Child Components ⌨️ (0:43:14) Parent/Child Component Practice ⌨️ (0:48:12) Todo App - Phase 1 ⌨️ (0:50:50) Styling React with CSS Classes ⌨️ (0:55:56) Some Caveats ⌨️ (0:58:12) JSX to JavaScript and Back ⌨️ (1:02:11) Inline Styles with the Style Property ⌨️ (1:09:21) Todo App - Phase 2 ⌨️ (1:12:42) Props Part 1 - Understanding the Concept ⌨️ (1:14:56) Props Part 2 - Reusable Components ⌨️ (1:17:29) Props in React ⌨️ (1:29:39) Props and Styling Practice ⌨️ (1:40:25) Mapping Components ⌨️ (1:48:27) Mapping Components Practice ⌨️ (1:53:44) Todo App - Phase 3 ⌨️ (1:58:16) Class-based Components ⌨️ (2:03:32) Class-based Components Practice ⌨️ (2:07:11) State ⌨️ (2:12:08) State Practice ⌨️ (2:15:45) State Practice 2 ⌨️ (2:19:59) Todo App - Phase 4 ⌨️ (2:22:05) Handling Events in React ⌨️ (2:25:52) Todo App - Phase 5 ⌨️ (2:27:11) Changing State ⌨️ (2:39:29) Todo App - Phase 6 ⌨️ (2:47:14) Lifecycle Methods Part 1 ⌨️ (2:56:45) Lifecycle Methods Part 2 ⌨️ (3:00:07) Conditional Rendering ⌨️ (3:11:26) Conditional Rendering Part 2 ⌨️ (3:14:21) Conditional rendering Practice ⌨️ (3:23:00) Todo App - Phase 7 ⌨️ (3:25:34) Fetching data from an API ⌨️ (3:36:34) Forms Part 1 ⌨️ (3:48:55) Forms Part 2 ⌨️ (4:00:11) Forms Practice ⌨️ (4:24:29) Container/Component Architecture ⌨️ (4:35:53) Meme Generator Capstone Project ⌨️ (4:56:11) Writing Modern React Apps ⌨️ (5:02:17) Project Ideas for Practicing ⌨️ (5:03:06) Conclusion