React JS | Codevolution

Codevolution

Codevolution

Tutorials on the latest tech in web development!

Course Details

Course Lessons

  1. 1 | ReactJS Tutorial - 1 - Introduction 00:09:34
  2. 2 | ReactJS Tutorial - 2 - Hello World 00:04:54
  3. 3 | ReactJS Tutorial - 3 - Folder Structure 00:05:35
  4. 4 | ReactJS Tutorial - 4 - Components 00:04:59
  5. 5 | ReactJS Tutorial - 5 - Functional Components 00:06:33
  6. 6 | ReactJS Tutorial - 6 - Class Components 00:06:22
  7. 7 | ReactJS Tutorial - 7 - Hooks Update 00:03:54
  8. 8 | ReactJS Tutorial - 8 - JSX 00:11:25
  9. 9 | ReactJS Tutorial - 9 - Props 00:11:37
  10. 10 | ReactJS Tutorial - 10 - State 00:10:35
  11. 11 | ReactJS Tutorial - 11 - setState 00:14:30
  12. 12 | ReactJS Tutorial - 12 - Destructuring props and state 00:04:45
  13. 13 | ReactJS Tutorial - 13 - Event Handling 00:07:36
  14. 14 | ReactJS Tutorial - 14 - Binding Event Handlers 00:11:56
  15. 15 | ReactJS Tutorial - 15 - Methods as props 00:08:45
  16. 16 | ReactJS Tutorial - 16 - Conditional Rendering 00:11:46
  17. 17 | ReactJS Tutorial - 17 - List Rendering 00:11:57
  18. 18 | ReactJS Tutorial - 18 - Lists and Keys 00:07:32
  19. 19 | ReactJS Tutorial - 19 - Index as Key Anti-pattern 00:11:00
  20. 20 | ReactJS Tutorial - 20 - Styling and CSS Basics 00:11:40
  21. 21 | ReactJS Tutorial - 21 - Basics of Form Handling 00:13:49
  22. 22 | ReactJS Tutorial - 22 - Component Lifecycle Methods 00:02:39
  23. 23 | ReactJS Tutorial - 23 - Component Mounting Lifecycle Methods 00:10:37
  24. 24 | ReactJS Tutorial - 24 - Component Updating Lifecycle Methods 00:10:35
  25. 25 | ReactJS Tutorial - 25 - Fragments 00:09:43
  26. 26 | ReactJS Tutorial - 26 - Pure Components 00:12:45
  27. 27 | ReactJS Tutorial - 27 - memo 00:04:21
  28. 28 | ReactJS Tutorial - 28 - Refs 00:09:33
  29. 29 | ReactJS Tutorial - 29 - Refs with Class Components 00:05:41
  30. 30 | ReactJS Tutorial - 30 - Forwarding Refs 00:07:27
  31. 31 | ReactJS Tutorial - 31 - Portals 00:09:19
  32. 32 | ReactJS Tutorial - 32 - Error Boundary 00:10:53
  33. 33 | ReactJS Tutorial - 33 - Higher Order Components (Part 1) 00:06:50
  34. 34 | ReactJS Tutorial - 34 - Higher Order Components (Part 2) 00:12:39
  35. 35 | ReactJS Tutorial - 35 - Higher Order Components (Part 3) 00:03:42
  36. 36 | ReactJS Tutorial - 36 - Render Props (Part 1) 00:04:57
  37. 37 | ReactJS Tutorial - 37 - Render Props (Part 2) 00:11:10
  38. 38 | ReactJS Tutorial - 38 - Context (Part 1) 00:03:25
  39. 39 | ReactJS Tutorial - 39 - Context (Part 2) 00:07:25
  40. 40 | ReactJS Tutorial - 40 - Context (Part 3) 00:04:44
  41. 41 | ReactJS Tutorial - 41 - HTTP and React 00:03:17
  42. 42 | ReactJS Tutorial - 42 - HTTP GET Request 00:07:46
  43. 43 | ReactJS Tutorial - 43 - HTTP Post Request 00:07:15
  44. 44 | React Hooks Tutorial - 1 - Introduction 00:07:56
  45. 45 | React Hooks Tutorial - 2 - useState Hook 00:10:45
  46. 46 | React Hooks Tutorial - 3 - useState with previous state 00:06:21
  47. 47 | React Hooks Tutorial - 4 - useState with object 00:07:19
  48. 48 | React Hooks Tutorial - 5 - useState with array 00:05:55
  49. 49 | React Hooks Tutorial - 6 - useEffect Hook 00:03:47
  50. 50 | React Hooks Tutorial - 7 - useEffect after render 00:07:24
  51. 51 | React Hooks Tutorial - 8 - Conditionally run effects 00:07:39
  52. 52 | React Hooks Tutorial - 9 - Run effects only once 00:05:25
  53. 53 | React Hooks Tutorial - 10 - useEffect with cleanup 00:05:54
  54. 54 | React Hooks Tutorial - 11 - useEffect with incorrect dependency 00:10:24
  55. 55 | React Hooks Tutorial - 12 - Fetching data with useEffect Part 1 00:05:37
  56. 56 | React Hooks Tutorial - 13 - Fetching data with useEffect Part 2 00:04:45
  57. 57 | React Hooks Tutorial - 14 - Fetching data with useEffect Part 3 00:02:58
  58. 58 | React Hooks Tutorial - 15 - useContext Hook Part 1 00:03:43
  59. 59 | React Hooks Tutorial - 16 - useContext Hook Part 2 00:06:09
  60. 60 | React Hooks Tutorial - 17 - useContext Hook Part 3 00:03:02
  61. 61 | React Hooks Tutorial - 18 - useReducer Hook 00:08:43
  62. 62 | React Hooks Tutorial - 19 - useReducer (simple state & action) 00:09:49
  63. 63 | React Hooks Tutorial - 20 - useReducer (complex state & action) 00:08:34
  64. 64 | React Hooks Tutorial - 21 - Multiple useReducers 00:03:09
  65. 65 | React Hooks Tutorial - 22 - useReducer with useContext 00:12:11
  66. 66 | React Hooks Tutorial - 23 - Fetching data with useReducer Part 1 00:07:03
  67. 67 | React Hooks Tutorial - 24 - Fetching data with useReducer Part 2 00:07:09
  68. 68 | React Hooks Tutorial - 25 - useState vs useReducer 00:04:19
  69. 69 | React Hooks Tutorial - 26 - useCallback Hook 00:15:26
  70. 70 | React Hooks Tutorial - 27 - useMemo Hook 00:10:41
  71. 71 | React Hooks Tutorial - 28 - useRef Hook Part 1 00:04:18
  72. 72 | React Hooks Tutorial - 29 - useRef Hook Part 2 00:09:46
  73. 73 | React Hooks Tutorial - 30 - Custom Hooks 00:01:49
  74. 74 | React Hooks Tutorial - 31 - useDocumentTitle Custom Hook 00:08:59
  75. 75 | React Hooks Tutorial - 32 - useCounter Custom Hook 00:07:47
  76. 76 | React Hooks Tutorial - 33 - useInput Custom Hook 00:09:46
  77. 77 | How To Debug React Apps 00:17:45
  78. 78 | React Render Tutorial - 1 - Introduction 00:02:44
  79. 79 | React Render Tutorial - 2 - Rendering 00:05:44
  80. 80 | React Render Tutorial - 3 - useState 00:12:41
  81. 81 | React Render Tutorial - 4 - useReducer 00:09:25
  82. 82 | React Render Tutorial - 5 - State Immutability 00:11:18
  83. 83 | React Render Tutorial - 6 - Parent and Child 00:11:03
  84. 84 | React Render Tutorial - 7 - Same Element Reference 00:12:42
  85. 85 | React Render Tutorial - 8 - React memo 00:08:24
  86. 86 | React Render Tutorial - 9 - Questions on Optimization 00:05:42
  87. 87 | React Render Tutorial - 10 - Incorrect memo with children 00:06:11
  88. 88 | React Render Tutorial - 11 - Incorrect memo with Impure Component 00:05:07
  89. 89 | React Render Tutorial - 12 - Incorrect memo with props Reference 00:07:27
  90. 90 | React Render Tutorial - 13 - useMemo and useCallback 00:04:23
  91. 91 | React Render Tutorial - 14 - Context 00:11:14
  92. 92 | React Render Tutorial - 15 - Context and memo 00:04:12
  93. 93 | React - 16 - Context and Same Element Reference 00:03:39
  94. 94 | React TypeScript Tutorial - 1 - Introduction 00:03:25
  95. 95 | React TypeScript Tutorial - 2 - Getting Started 00:04:41
  96. 96 | React TypeScript Tutorial - 3 - Typing Props 00:05:49
  97. 97 | React TypeScript Tutorial - 4 - Basic Props 00:08:16
  98. 98 | React TypeScript Tutorial - 5 - Advanced Props 00:09:48
  99. 99 | React TypeScript Tutorial - 6 - Event Props 00:07:26
  100. 100 | React TypeScript Tutorial - 7 - Style Props 00:03:39
  101. 101 | React TypeScript Tutorial - 8 - Prop Types and Tips 00:04:21
  102. 102 | React TypeScript Tutorial - 9 - useState Hook 00:04:36
  103. 103 | React TypeScript Tutorial - 10 - useState Future Value 00:06:21
  104. 104 | React TypeScript Tutorial - 11 - useState Type Assertion 00:02:26
  105. 105 | React TypeScript Tutorial - 12 - useReducer Hook 00:06:36
  106. 106 | React TypeScript Tutorial - 13 - useReducer Strict Action Types 00:05:41
  107. 107 | React TypeScript Tutorial - 14 - useContext Hook 00:07:21
  108. 108 | React TypeScript Tutorial - 15 - useContext Future Value 00:11:43
  109. 109 | React TypeScript Tutorial - 16 - useRef Hook 00:06:31
  110. 110 | React TypeScript Tutorial - 17 - Class Component 00:03:56
  111. 111 | React TypeScript Tutorial - 18 - Component Prop 00:05:22
  112. 112 | React TypeScript Tutorial - 19 - Generic Props 00:08:43
  113. 113 | React TypeScript Tutorial - 20 - Restricting Props 00:05:46
  114. 114 | React TypeScript Tutorial - 21 - Template Literals and Exclude 00:06:23
  115. 115 | React TypeScript Tutorial - 22 - Wrapping HTML Elements 00:07:41
  116. 116 | React TypeScript Tutorial - 23 - Extracting a Components Prop Types 00:03:11
  117. 117 | React TypeScript Tutorial - 24 - Polymorphic Components 00:10:11
  118. 118 | React TypeScript Tutorial - 25 - Wrapping up 00:02:26
  119. 119 | React Interview Questions A Preparation Guide 00:08:29
  120. 120 | Learn react-admin in 30 minutes 00:26:05
    Student Reviews

    ( 5 Of 5 )

    1 review
    5 Stars
    100%
    4 Stars
    0%
    3 Stars
    0%
    2 Stars
    0%
    1 Star
    0%
    Y
    Youtube

    29-07-2024
    ReactJS Tutorial for Beginners

    React is an open source javascript library for building user interfaces.
    React is a project created and maintained by Facebook.
    React has more than a 100 thousand stars on GitHub and a huge community behind it.
    React has become increasingly
    popular among developers and is also one of the most sought out skill-sets by companies right now.
    React has a component based architecture. This lets you break down your application into small encapsulated parts which can then be composed to make more complex UI.
    React is declarative.
    React will make it painless for you to create complex UIs by abstracting away the difficult parts.
    React will handle efficiently updating and rendering just the right components in your application when your data changes.
    DOM updates which is one of the more expensive operations is handled gracefully in React.