Full React Course 2020 - Learn Fundamentals, Hooks, Context API, React Router, Custom Hooks

Full React Course 2020 - Learn Fundamentals, Hooks, Context API, React Router, Custom Hooks

freeCodeCamp.org via freeCodeCamp Direct link

Get Starter Project

33 of 79

33 of 79

Get Starter Project

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

Full React Course 2020 - Learn Fundamentals, Hooks, Context API, React Router, Custom Hooks

Automatically move to the next video in the Classroom when playback concludes

  1. 1 Intro
  2. 2 About React
  3. 3 Goals
  4. 4 Structure
  5. 5 Course Requirements
  6. 6 Dev Environment Setup
  7. 7 Text Editor Setup
  8. 8 Command Line Basics
  9. 9 NPM Basics
  10. 10 Create-React-App
  11. 11 Install Create-React-App
  12. 12 Folder Structure
  13. 13 Clean Boilerplate
  14. 14 First Component
  15. 15 Text Editor Setup
  16. 16 First Component In Detail
  17. 17 JSX Rules
  18. 18 Nested Components And Tools
  19. 19 Mini Book Project
  20. 20 CSS Basics
  21. 21 JSX Css
  22. 22 JSX Javascript
  23. 23 Props
  24. 24 Props Destructuring
  25. 25 Props - Children
  26. 26 Simple List
  27. 27 Proper List
  28. 28 Key Prop And Spread Operator
  29. 29 Event Basics
  30. 30 Import And Export Statements
  31. 31 Free Hosting
  32. 32 Advanced Intro
  33. 33 Get Starter Project
  34. 34 Install Starter
  35. 35 Starter Overview
  36. 36 UseState - Simple Use Case
  37. 37 UseState - Basics
  38. 38 General Rules Of Hooks
  39. 39 UseState - Array Example
  40. 40 UseState - Object Example
  41. 41 UseState - Multiple State Values
  42. 42 Simple Counter
  43. 43 Functional Update Form
  44. 44 Matching Project
  45. 45 useEffect - Basics
  46. 46 useEffect - Conditional
  47. 47 useEffect - Dependency List
  48. 48 useEffect - Cleanup Function
  49. 49 useEffect - Fetch Data
  50. 50 Multiple Returns
  51. 51 Multiple Returns - Fetching Data
  52. 52 Short - Circuit Evaluation
  53. 53 Ternary Operator
  54. 54 Show/Hide Component
  55. 55 Form Basics
  56. 56 Controlled Inputs
  57. 57 Add Item To The List
  58. 58 Multiple Inputs
  59. 59 useRef
  60. 60 useReducer - UseState Setup
  61. 61 useReducer - Refactor
  62. 62 useReducer - Add Item
  63. 63 useReducer - Remove Item
  64. 64 Prop Drilling -
  65. 65 Context API / - useContext
  66. 66 Custom Hooks - useFetch
  67. 67 PropTypes - Setup
  68. 68 PropTypes - Images
  69. 69 PropTypes - Default Values
  70. 70 React Router Intro
  71. 71 React Router - Basic Setup
  72. 72 React Router - Error And Switch Component
  73. 73 React Router - Links
  74. 74 React Router - URL Params And Placeholder
  75. 75 React Optimization Warning
  76. 76 React.memo
  77. 77 useCallback
  78. 78 useMemo
  79. 79 useCallback - Fetch Example

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.