Up next in 10 CANCEL
PLAY NOW
iNotebook_ Adding NoteItem in a Separate Note component _ Complete React Course in Hindi #61 In the 61st episode of the "Complete React Course in Hindi," the tutorial continues the development of the iNotebook project by introducing a separate Note component and adding individual NoteItems. This video provides a step-by-step guide on creating a dedicated Note component to encapsulate the rendering of each note, contributing to a more modular and organized project structure. The instructor demonstrates how to implement and integrate NoteItems within the iNotebook frontend, promoting code reusability and maintainability. Whether you're a React developer aiming to enhance your component architecture or a learner interested in building modular interfaces, this tutorial offers practical insights into creating a separate Note component for the iNotebook project.
Show More Show Less Recommended Videos
play_arrow
17:10
play_arrow
8:49
play_arrow
9:28
play_arrow
7:10
play_arrow
15:00
play_arrow
1:28
play_arrow
11:48
play_arrow
13:17
play_arrow
3:59
play_arrow
11:04
play_arrow
11:14
play_arrow
15:03
1
20:58
Project 2_ Bulk Rename Desktop App in Node.js _ JavaScript Tutorial in Hindi #103
381 views
路
Feb 10, 2024
2
16:50
Introduction to React Js + Installation _ Complete React Course in Hindi #1
16 views
路
Feb 10, 2024
3
21:06
Creating our first react app using create-react-app _ Complete React Course in Hindi #2
2K views
路
Feb 10, 2024
4
27:22
JavaScript Refresher _ Complete React Course in Hindi #3
33 views
路
Feb 10, 2024
5
26:35
Understanding JSX _ Complete React Course in Hindi #4
72 views
路
Feb 10, 2024
6
18:37
Project 1_ Setup + Adding Bootstrap to React _ Complete React Course in Hindi #5
9 views
路
Feb 10, 2024
7
26:02
Understanding Props and PropTypes in React _ Complete React Course in Hindi #6
103 views
路
Feb 10, 2024
8
25:20
Understanding State & Handling Events in React _ Complete React Course in Hindi #7
304 views
路
Feb 10, 2024
9
12:57
Adding more Logic to TextUtils _ Complete React Course in Hindi #8
10 views
路
Feb 10, 2024
10
5:43
Exercise 1_ Enhancing TextUtils _ Complete React Course in Hindi #9
340 views
路
Feb 10, 2024
11
19:18
Creating _Enable Dark Mode_ Button Using useState Hook _ Complete React Course in Hindi #10
79 views
路
Feb 10, 2024
12
6:22
Exercise 1_ Solutions + Shoutouts _ Complete React Course in Hindi #11
70 views
路
Feb 10, 2024
13
22:01
Improving Dark Mode & Refactoring App Component _ Complete React Course in Hindi #12
871 views
路
Feb 10, 2024
14
17:30
Adding + Auto Dismissing Alert Messages _ Complete React Course in Hindi #13
66 views
路
Feb 10, 2024
15
3:27
Exercise 2_ Adding Custom Color Theme to TextUtils _ Complete React Course in Hindi #14
4K views
路
Feb 10, 2024
16
10:15
Changing title dynamically & adding favicons to TextUtils _ Complete React Course in Hindi #15
7K views
路
Feb 10, 2024
17
13:41
React Router Setup + Usage _ Complete React Course in Hindi #16
39 views
路
Feb 10, 2024
18
14:13
[Free] Building + Hosting React App For free on Github Pages _ Complete React Course in Hindi #17
72 views
路
Feb 10, 2024
19
15:12
Purchasing a Domain + Hosting TextUtils on a VPS _ Complete React Course in Hindi #18
47 views
路
Feb 10, 2024
20
36:21
Fixing Issues & Wrapping up TextUtils _ Complete React Course in Hindi #19
2K views
路
Feb 10, 2024
21
14:27
Exercise 2_ Solutions + Shoutouts _ Complete React Course in Hindi #20
260 views
路
Feb 10, 2024
22
8:34
Fixing few more Textutils Issues _ Complete React Course in Hindi #21
3 views
路
Feb 10, 2024
23
10:57
Project 2 Setup + Introduction to Class based components _ Complete React Course in Hindi #22
1K views
路
Feb 10, 2024
24
16:09
Component Structure of our NewsMonkey React App _ Complete React Course in Hindi #23
6K views
路
Feb 10, 2024
25
14:22
Fetching API Key from News API _ Complete React Course in Hindi #24
2K views
路
Feb 10, 2024
26
13:08
Understanding state in class based components _ Complete React Course in Hindi #25
387 views
路
Feb 10, 2024
27
13:19
Looping through an array in JSX to display NewsItems from state _ Complete React Course in Hindi #26
292 views
路
Feb 10, 2024
28
14:03
Using Fetch API in React to populate NewsItems _ Complete React Course in Hindi #27
7 views
路
Feb 10, 2024
29
16:04
Adding Previous & Next Buttons to populate NewsItems _ Complete React Course in Hindi #28
11K views
路
Feb 10, 2024
30
17:28
Adding loading spinner & variable pageSize to NewsMonkey _ Complete React Course in Hindi #29
32 views
路
Feb 10, 2024
31
13:33
Adding Categories & propTypes to NewsMonkey React App _ Complete React Course in Hindi #30
22 views
路
Feb 10, 2024
32
14:59
Fetching News category wise in NewsMonkey React App _ Complete React Course in Hindi #31
2K views
路
Feb 11, 2024
33
13:25
Adding time, author and news source to News React App _ Complete React Course in Hindi #32
3K views
路
Feb 11, 2024
34
11:09
Refactoring News component to use the same function _ Complete React Course in Hindi #33
7K views
路
Feb 11, 2024
35
15:56
React Component Lifecycle & Lifecycle methods _ Complete React Course in Hindi #34
60 views
路
Feb 11, 2024
36
15:43
Adding Infinite Scroll to NewsMonkey _ Complete React Course in Hindi #35
10 views
路
Feb 11, 2024
37
14:53
Adding a top loading bar to NewsMonkey _ Complete React Course in Hindi #36
999 views
路
Feb 11, 2024
38
7:14
Hiding API Key by Adding Custom Environment Variables _ Complete React Course in Hindi #37
146 views
路
Feb 11, 2024
39
9:15
Introduction to React Hooks _ Complete React Course in Hindi #38
38 views
路
Feb 11, 2024
40
16:40
Changing Class based NewsMonkey components to Functional based _ Complete React Course in Hindi #39
146 views
路
Feb 11, 2024
41
9:58
Sticky Navbar & NewsMonkey bug fixes _ Complete React Course in Hindi #40
208 views
路
Feb 11, 2024
42
8:06
Introduction to MERN stack _ Complete React Course in Hindi #41
1K views
路
Feb 11, 2024
43
11:32
Project 3_ iNotebook backend and React frontend setup _ Complete React Course in Hindi #42
9K views
路
Feb 11, 2024
44
13:21
iNotebook db & Express Server Setup _ Complete React Course in Hindi #43
1K views
路
Feb 11, 2024
45
21:37
Creating Routes & Schema for Storing Notes & Users _ Complete React Course in Hindi #44
232 views
路
Feb 11, 2024
46
12:01
Storing Data into the Database Using Mongoose Model _ Complete React Course in Hindi #45
1K views
路
Feb 11, 2024
47
12:01
Adding Data Validation Using express-validator _ Complete React Course in Hindi #46
26 views
路
Feb 11, 2024
48
15:39
Creating ThunderClient Collections to Manage Requests _ Complete React Course in Hindi #47
47 views
路
Feb 11, 2024
49
17:35
Understanding Password Hashing, Salt & Pepper _ Complete React Course in Hindi #48
22 views
路
Feb 11, 2024
50
14:35
Hashing Passwords using bcryptjs in NodeJs _ Complete React Course in Hindi #49
233 views
路
Feb 11, 2024
51
11:34
Creating Login Endpoint & sending auth token_ Complete React Course in Hindi #50
129 views
路
Feb 11, 2024
52
14:43
Creating a middleware to decode user from a JWT _ Complete React Course in Hindi #51
692 views
路
Feb 11, 2024
53
16:43
Fetching all notes & Adding a Note _ Complete React Course in Hindi #52
179 views
路
Feb 11, 2024
54
15:15
Updating an existing Note _ Complete React Course in Hindi #53
3K views
路
Feb 11, 2024
55
9:51
Endpoint for deleting a Note _ Complete React Course in Hindi #54
339 views
路
Feb 11, 2024
56
11:19
iNotebook React Project Setup _ Complete React Course in Hindi #55
107 views
路
Feb 11, 2024
57
10:58
Creating Navbar and Routes _ Complete React Course in Hindi #56
43 views
路
Feb 11, 2024
58
10:28
Introduction to React Context API _ Complete React Course in Hindi #57
4 views
路
Feb 11, 2024
59
19:07
useContext hook_ Using React Context API _ Complete React Course in Hindi #58
17 views
路
Feb 11, 2024
60
10:47
useLocation Hook in React _ Complete React Course in Hindi #59
42 views
路
Feb 11, 2024
61
6:19
iNotebook_ Fetching Notes from Context _ Complete React Course in Hindi #60
15 views
路
Feb 11, 2024
6:58
iNotebook_ Adding NoteItem in a Separate Note component _ Complete React Course in Hindi #61
311 views
路
Feb 11, 2024
63
11:40
Adding font awesome icons to iNotebook _ Complete React Course in Hindi #62
137 views
路
Feb 11, 2024
64
15:50
Adding AddNote component to iNotebook _ Complete React Course in Hindi #63
706 views
路
Feb 11, 2024
65
6:44
Adding _delete note_ functionality to iNotebook _ Complete React Course in Hindi #64
141 views
路
Feb 11, 2024
66
14:11
Adding _fetch notes_ functionality to iNotebook _ Complete React Course in Hindi #65
226 views
路
Feb 11, 2024
67
17:16
Adding a Modal for Editing Notes _ Complete React Course in Hindi #66
40 views
路
Feb 11, 2024
68
12:31
Updating Notes on edit in the UI using React _ Complete React Course in Hindi #67
36 views
路
Feb 11, 2024
69
13:02
Adding Frontend Validation + Few Fixes in iNotebook _ Complete React Course in Hindi #68
186 views
路
Feb 11, 2024
70
20:24
Adding Login Component to iNotebook _ Complete React Course in Hindi #69
462 views
路
Feb 11, 2024
71
12:38
Adding SignUp Component to iNotebook _ Complete React Course in Hindi #70
102 views
路
Feb 11, 2024
72
10:57
Adding Alerts to Login, Signup & Notes Component of iNotebook _ Complete React Course in Hindi #71
245 views
路
Feb 11, 2024
73
11:37
Fetching User Specific Notes in iNotebook _ Complete React Course in Hindi #72
50 views
路
Feb 11, 2024
74
8:48
Introduction to Redux _ Complete React Course in Hindi #73
61 views
路
Feb 11, 2024
75
9:46
Setting up a React Application for Redux _ Complete React Course in Hindi #74
877 views
路
Feb 11, 2024
76
13:17
Creating a Reducer & Action Creator in Redux _ Complete React Course in Hindi #75
1 views
路
Feb 11, 2024
77
9:53
Creating a Redux Store _ Complete React Course in Hindi #76
193 views
路
Feb 11, 2024
78
5:43
Accessing State in Redux _ Complete React Course in Hindi #77
278 views
路
Feb 11, 2024
79
11:10
Updating state from a different component in Redux _ Complete React Course in Hindi #78
1K views
路
Feb 11, 2024