Never stop talking " STOP the Gaza Genocide "

React JS | Code Stoic

Code Stoic

Code Stoic

On this channel, I share practical programming tutorials, real-world software architecture, App development, AI integration, and the mindset required to build income through tech.. I’ve taught 200,000+ students globally and built multiple six-figure online education businesses — and I’m building even bigger.. On this channel I share:. • Practical programming tutorials (React, Python, Django, FastAPI). • Real-world software architecture & SaaS development. • AI integration and modern de

Course Details

Course Lessons

  1. 1 | ReactJS Tutorial 1 : Introduction To ReactJS 00:15:58
  2. 2 | ReactJS Tutorial 2: Installing Required Tools 00:03:49
  3. 3 | ReactJS Tutorial 3 : Create React App Using VITE 00:05:25
  4. 4 | ReactJS Tutorial 4 : How React App Works 00:09:39
  5. 5 | ReactJS Tutorial 5 : Creating A Component In React 00:09:04
  6. 6 | ReactJS Tutorial 6 : Auto Format React Code With Prettier 00:02:55
  7. 7 | ReactJS Tutorial 7 : What Is JSX In React 00:05:18
  8. 8 | ReactJS Tutorial 8 : Reusability of Components In React 00:06:29
  9. 9 | ReactJS Tutorial 9 : What are Props In React 00:07:24
  10. 10 | ReactJS Tutorial 10 : Destructuring Props 00:04:13
  11. 11 | ReactJS Tutorial 11 : Immutability of Props 00:03:19
  12. 12 | ReactJS Tutorial 12 : Passing Arrays & Objects To Components Using Props 00:06:30
  13. 13 | ReactJS Tutorial 13 : Rendering Arrays Or Lists In React 00:10:39
  14. 14 | ReactJS Tutorial 14 : Rendering Array Of Objects In React 00:07:52
  15. 15 | ReactJS Tutorial 15 : Rendering Components Inside A Loop 00:07:08
  16. 16 | ReactJS Tutorial 16 : Conditionally Rendering JSX & Components 00:07:13
  17. 17 | ReactJS Tutorial 17 : Conditional Rendering Using Element Variables 00:04:09
  18. 18 | ReactJS Tutorial 18 : Using Ternary Operators In React 00:06:09
  19. 19 | ReactJS Tutorial 19: Conditionally Rendering List Items 00:06:33
  20. 20 | ReactJS Tutorial 20 : Conditionally Rendering A Message Using Ternary 00:04:42
  21. 21 | ReactJS Tutorial 21 : Event Handling In React 00:06:00
  22. 22 | ReactJS Tutorial 22 : State In React, Props V/S State In React 00:03:44
  23. 23 | ReactJS Tutorial 23: State In React 00:10:42
  24. 24 | ReactJS Tutorial 24: Creating Multiple States In React 00:07:01
  25. 25 | ReactJS Tutorial 25: Handling Input Fields In React 00:15:47
  26. 26 | ReactJS Tutorial 26: Handling Multiple Inputs In React 00:07:45
  27. 27 | ReactJS Tutorial 27: Handling Form Submission In React 00:04:23
  28. 28 | ReactJS Tutorial 28: Todo App Part 1 Setting Up The App 00:03:29
  29. 29 | ReactJS Tutorial 29: Todo App Part 2 Preview Of The App 00:02:01
  30. 30 | ReactJS Tutorial 30: Todo App Part 3 Creating Input Component 00:05:38
  31. 31 | ReactJS Tutorial 31: Todo App Part 4 Submitting Todo Items 00:09:37
  32. 32 | ReactJS Tutorial 32: Todo App Part 5 Displaying Todos 00:08:25
  33. 33 | ReactJS Tutorial 33: Todo App Part 6 Inline Styling In React Components 00:06:56
  34. 34 | ReactJS Tutorial 34: TodoApp Part 7 CSS Stylesheets To Style Components 00:04:22
  35. 35 | ReactJS Tutorial 35: Todo App Part 8 CSS Modules For Styling 00:09:18
  36. 36 | ReactJS Tutorial 36: Todo App Part 9 Creating Header & Styling It 00:07:44
  37. 37 | ReactJS Tutorial 37: Todo App Part 10 Separating JSX Into Components 00:10:55
  38. 38 | ReactJS Tutorial 38: Todo App Part 11 Styling The Form 00:10:13
  39. 39 | ReactJS Tutorial 39: Todo App Part 12 Styling Todo Items 00:08:46
  40. 40 | ReactJS Tutorial 40: Todo App Part 13 Adding A Delete Button 00:03:47
  41. 41 | ReactJS Tutorial 41: Todo App Part 14 Delete Functionality In React 00:11:23
  42. 42 | ReactJS Tutorial 42: Todo App Part 15 Adding Complete Task Functionality 00:06:27
  43. 43 | ReactJS Tutorial 43: Marking Todo Items As Complete 00:17:41
  44. 44 | ReactJS Tutorial 44: Counting Completed & Total Todos 00:09:36
  45. 45 | ReactJS Tutorial 45: Sorting Items In A Todo List 00:05:40
  46. 46 | ReactJS Tutorial 46: Recipe App Introduction 00:03:13
  47. 47 | ReactJS Tutorial 47: Setting Up Project & Making API Calls Using Postman 00:13:25
  48. 48 | ReactJS Tutorial 48: useEffect Hook In React 00:13:04
  49. 49 | ReactJS Tutorial 49: Making API Call In React 00:10:18
  50. 50 | ReactJS Tutorial 50: Creating State To Save Food Data 00:06:46
  51. 51 | ReactJS Tutorial 51: Building The Food List Component 00:02:41
  52. 52 | ReactJS Tutorial 52: Food Item Component 00:04:21
  53. 53 | ReactJS Tutorial 53: Creating The Nav Component 00:06:52
  54. 54 | ReactJS Tutorial 54: Creating The Search Component 00:05:02
  55. 55 | ReactJS Tutorial Part 55: Styling The Food Item Component 00:12:18
  56. 56 | ReactJS Tutorial 56: Outer Container Component 00:06:47
  57. 57 | ReactJS Tutorial 57: Creating The Inner Container Component 00:03:44
  58. 58 | ReactJS Tutorial 58: Creating The Food Detail Component 00:11:38
  59. 59 | ReactJS Tutorial 59: Fetching Recipes From API 00:12:24
  60. 60 | ReactJS Tutorial 60: Fetching Recipe Instructions 00:16:40
  61. 61 | ReactJS Tutorial 61: Designing The Recipe Detail Component 00:12:49
  62. 62 | ReactJS Tutorial 62: Fetching Ingredients 00:05:59
  63. 63 | ReactJS Tutorial 63: Splitting Items Into Multiple Components 00:05:17
  64. 64 | ReactJS Tutorial 64: Styling Items Container 00:08:58
  65. 65 | ReactJS Tutorial 65: useReducer Hook In React 00:15:10
  66. 66 | ReactJS Tutorial 66: Using Object As State In useReducer 00:07:34
  67. 67 | ReactJS Tutorial 67:Using Complex Object As State In useReducer 00:06:20
  68. 68 | ReactJS Tutorial 68: Understanding Reducer Using Bank Account Example 00:07:29
  69. 69 | ReactJS Tutorial 69: React Router Part 1: Server Side Rendering v/s Client Side Rendering 00:03:29
  70. 70 | ReactJS Tutorial 70: React Router Part 2 : Creating Routes 00:10:38
  71. 71 | ReactJS Tutorial 71: React Router Part 3 Link Component In React 00:06:18
  72. 72 | ReactJS Tutorial 72: React Router Part 4 Nesting Routes 00:07:42
  73. 73 | ReactJS Tutorial 73: React Router Part 5 Dynamic Routes 00:06:30
  74. 74 | ReactJS Tutorial 74: React Router Part 6 useNavigate Hook In React 00:08:05
  75. 75 | ReactJS Tutorial 75: Context API In React 00:23:02
  76. 76 | ReactJS Tutorial 76: Separating Context Into Its Own File In React 00:06:03
  77. 77 | ReactJS Tutorial 77: Sharing Context With Other Components In React 00:03:31
  78. 78 | ReactJS Tutorial 78 : Using Reducer With Context Provider In React 00:07:11
  79. 79 | ReactJS Tutorial 79: Passing Complex State To Reducer 00:05:39
  80. 80 | ReactJS Tutorial 80: Creating Custom Hooks In React 00:11:24
  81. 81 | ReactJS Tutorial 81: Creating Our Own useLocalStorage Hook In ReactJS 00:16:02
  82. 82 | React JS Tutorial For Beginners : Part 1 Introduction To React 00:09:44
  83. 83 | React JS Tutorial For Beginners : Part 2 Installing Required Tools 00:02:43
  84. 84 | React JS Tutorial For Beginners : Part 3 Creating A React Project 00:06:58
  85. 85 | React JS Tutorial For Beginners : Part 4 Understanding Significance Of React Project Files 00:08:01
  86. 86 | React JS Tutorial For Beginners : Part 5 How React App Works 00:02:58
  87. 87 | React JS Tutorial For Beginners : Part 6 Components In React 00:08:30
  88. 88 | React JS Tutorial For Beginners : Part 7 Functional Components In React 00:07:17
  89. 89 | React JS Tutorial For Beginners : Part 8 Class Components In React 00:04:46
  90. 90 | React JS Tutorial For Beginners : Part 9 JSX 00:04:52
  91. 91 | React JS Tutorial For Beginners : Part 10 Props In Functional Component 00:10:50
  92. 92 | React JS Tutorial For Beginners : Part 11 Props In A Class Based Component 00:03:30
  93. 93 | React JS Tutorial For Beginners : Part 12 Immutability Of Props 00:03:03
  94. 94 | React JS Tutorial For Beginners : Part 13 Props v/s State 00:04:18
  95. 95 | React JS Tutorial For Beginners : Part 14 Using State 00:07:55
  96. 96 | React JS Tutorial For Beginners : Part 15 Using State Part 2 00:06:01
  97. 97 | React JS Tutorial For Beginners : Part 16 Destructuring Props 00:06:36
  98. 98 | React JS Tutorial For Beginners : Part 17 Event Handling In Functional Components 00:06:52
  99. 99 | React JS Tutorial For Beginners : Part 18 Event Handling In Class Based Components 00:03:44
  100. 100 | React JS Tutorial For Beginners : Part 19 Event Binding 00:08:17
  101. 101 | React JS Tutorial For Beginners : Part 20 Using State In A Functional Component 00:12:31
  102. 102 | React JS Tutorial For Beginners : Part 21 Conditional Rendering 00:08:18
  103. 103 | React JS Tutorial For Beginners : Part 22 Conditional Rendering Using Elements 00:03:31
  104. 104 | React JS Tutorial For Beginners : Part 23 Ternary Conditional 00:03:02
  105. 105 | React JS Tutorial For Beginners : Part 24 Introduction To Map 00:05:54
  106. 106 | React JS Tutorial For Beginners : Part 25 List Rendering 00:05:27
  107. 107 | React JS Tutorial For Beginners : Part 26 Understanding Keys 00:03:43
  108. 108 | React JS Tutorial For Beginners : Part 28 Rendering Array 00:06:20
  109. 109 | React JS Tutorial For Beginners : Part 29 Handling User Input Part 1 00:13:22
  110. 110 | React JS Tutorial For Beginners : Part 30 Handling User Input Part 2 00:03:06
  111. 111 | React JS Tutorial For Beginners : Part 31 Form Submission 00:04:21
  112. 112 | React JS Tutorial For Beginners : Part 32 Todo App In React Part 1 00:07:02
  113. 113 | React JS Tutorial For Beginners : Part 33 Todo App In React Part 2 00:08:30
  114. 114 | React JS Tutorial For Beginners : Part 34 Todo App In React Part 3 00:06:04
  115. 115 | React JS Tutorial For Beginners : Part 35 Todo App In React Part 4 Inline Styles 00:05:54
  116. 116 | React JS Tutorial For Beginners : Part 36 Todo App Part 5 Styling App Using CSS Stylesheet 00:03:48
  117. 117 | React JS Tutorial For Beginners : Part 37 Todo App Part 6 Styling The App Using CSS Modules 00:04:54
  118. 118 | React JS Tutorial For Beginners : Part 38 Todo App Part 7 Adding Header 00:09:02
  119. 119 | React JS Tutorial For Beginners : Part 39 Todo App Part 8 Adding Form Component 00:07:39
  120. 120 | React JS Tutorial For Beginners : Part 40 Todo App Part 9 Adding Items To Todo List 00:12:27
  121. 121 | React JS Tutorial For Beginners : Part 41 Todo App Part 10 Creating A Todo Component 00:07:17
  122. 122 | React JS Tutorial For Beginners : Part 42 Todo App Part 11 Rendering Todo Items 00:07:39
  123. 123 | React JS Tutorial For Beginners : Part 43 Todo App Part 12 Creating IDs For Todo 00:06:18
  124. 124 | React JS Tutorial For Beginners : Part 44 Todo App Part 13 Resolving Key Error 00:03:05
  125. 125 | React JS Tutorial For Beginners : Part 45 Todo App Part 13 Delete Functionality 00:09:38
  126. 126 | React JS Tutorial For Beginners : Part 46 Fragments In React 00:05:39
  127. 127 | React JS Tutorial For Beginners : Part 47 Fragments Usage 00:05:54
  128. 128 | React JS Tutorial For Beginners : Part 48 Memos In React 00:02:34
  129. 129 | React JS Tutorial For Beginners : Part 49 Why Memos Are Required 00:09:29
  130. 130 | React JS Tutorial For Beginners : Part 50 Using Memos 00:03:24
  131. 131 | React JS Tutorial For Beginners : Part 51 What Are Portals 00:03:54
  132. 132 | React JS Tutorial For Beginners : Part 52 Creating Portals 00:04:51
    Student Reviews

    ( 5 Of 5 )

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

    02-07-2024
    ReactJS Masterclass: Beginner To Advanced – Build Real Projects (85+ Videos)

    Welcome to the React tutorial series for beginners.In this series we will learn React right from the beginning.
    This is not any other half-baked series on React but instead a complete course which will teach you ReactJS right from scratch.Who this course is for:
    1. Beginners who want to learn React
    2. Experienced developers who come from other front-end frameworks and want to explore React
    3. College students who want to start learning React
    4. Startup founders/ coders who want to build an interactive front-end for their web app.
    Prerequisites:
    1. Having a basic understanding of JavaScript syntax will help a lot.