Complete React Course in Hindi - Learn ReactJS from Scratch

Complete React Course in Hindi - Learn ReactJS from Scratch

CodeWithHarry via YouTube Direct link

iNotebook React Project Setup | Complete React Course in Hindi #55

55 of 78
Previous
Next

55 of 78

iNotebook React Project Setup | Complete React Course in Hindi #55

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

Complete React Course in Hindi - Learn ReactJS from Scratch

Automatically move to the next video in the Classroom when playback concludes
  1. 1 Introduction to React Js + Installation | Complete React Course in Hindi #1
  2. 2 Creating our first react app using create-react-app | Complete React Course in Hindi #2
  3. 3 JavaScript Refresher | Complete React Course in Hindi #3
  4. 4 Understanding JSX | Complete React Course in Hindi #4
  5. 5 Project 1: Setup + Adding Bootstrap to React | Complete React Course in Hindi #5
  6. 6 Understanding Props and PropTypes in React | Complete React Course in Hindi #6
  7. 7 Understanding State & Handling Events in React | Complete React Course in Hindi #7
  8. 8 Adding more Logic to TextUtils | Complete React Course in Hindi #8
  9. 9 Exercise 1: Enhancing TextUtils | Complete React Course in Hindi #9
  10. 10 Creating "Enable Dark Mode" Button Using useState Hook | Complete React Course in Hindi #10
  11. 11 Exercise 1: Solutions + Shoutouts | Complete React Course in Hindi #11
  12. 12 Improving Dark Mode & Refactoring App Component | Complete React Course in Hindi #12
  13. 13 Adding + Auto Dismissing Alert Messages | Complete React Course in Hindi #13
  14. 14 Exercise 2: Adding Custom Color Theme to TextUtils | Complete React Course in Hindi #14
  15. 15 Changing title dynamically & adding favicons to TextUtils | Complete React Course in Hindi #15
  16. 16 React Router Setup + Usage | Complete React Course in Hindi #16
  17. 17 [Free] Building + Hosting React App For free on Github Pages | Complete React Course in Hindi #17
  18. 18 Purchasing a Domain + Hosting TextUtils on a VPS | Complete React Course in Hindi #18
  19. 19 Fixing Issues & Wrapping up TextUtils | Complete React Course in Hindi #19
  20. 20 Exercise 2: Solutions + Shoutouts | Complete React Course in Hindi #20
  21. 21 Fixing few more Textutils Issues | Complete React Course in Hindi #21
  22. 22 Project 2 Setup + Introduction to Class based components | Complete React Course in Hindi #22
  23. 23 Component Structure of our NewsMonkey React App | Complete React Course in Hindi #23
  24. 24 Fetching API Key from News API | Complete React Course in Hindi #24
  25. 25 Understanding state in class based components | Complete React Course in Hindi #25
  26. 26 Looping through an array in JSX to display NewsItems from state | Complete React Course in Hindi #26
  27. 27 Using Fetch API in React to populate NewsItems | Complete React Course in Hindi #27
  28. 28 Adding Previous & Next Buttons to populate NewsItems | Complete React Course in Hindi #28
  29. 29 Adding loading spinner & variable pageSize to NewsMonkey | Complete React Course in Hindi #29
  30. 30 Adding Categories & propTypes to NewsMonkey React App | Complete React Course in Hindi #30
  31. 31 Fetching News category wise in NewsMonkey React App | Complete React Course in Hindi #31
  32. 32 Adding time, author and news source to News React App | Complete React Course in Hindi #32
  33. 33 Refactoring News component to use the same function | Complete React Course in Hindi #33
  34. 34 React Component Lifecycle & Lifecycle methods | Complete React Course in Hindi #34
  35. 35 Adding Infinite Scroll to NewsMonkey | Complete React Course in Hindi #35
  36. 36 Adding a top loading bar to NewsMonkey | Complete React Course in Hindi #36
  37. 37 Hiding API Key by Adding Custom Environment Variables | Complete React Course in Hindi #37
  38. 38 Introduction to React Hooks | Complete React Course in Hindi #38
  39. 39 Changing Class based NewsMonkey components to Functional based | Complete React Course in Hindi #39
  40. 40 Sticky Navbar & NewsMonkey bug fixes | Complete React Course in Hindi #40
  41. 41 Introduction to MERN stack | Complete React Course in Hindi #41
  42. 42 Project 3: iNotebook backend and React frontend setup | Complete React Course in Hindi #42
  43. 43 iNotebook db & Express Server Setup | Complete React Course in Hindi #43
  44. 44 Creating Routes & Schema for Storing Notes & Users | Complete React Course in Hindi #44
  45. 45 Storing Data into the Database Using Mongoose Model | Complete React Course in Hindi #45
  46. 46 Adding Data Validation Using express-validator | Complete React Course in Hindi #46
  47. 47 Creating ThunderClient Collections to Manage Requests | Complete React Course in Hindi #47
  48. 48 Understanding Password Hashing, Salt & Pepper | Complete React Course in Hindi #48
  49. 49 Hashing Passwords using bcryptjs in NodeJs | Complete React Course in Hindi #49
  50. 50 Creating Login Endpoint & sending auth token| Complete React Course in Hindi #50
  51. 51 Creating a middleware to decode user from a JWT | Complete React Course in Hindi #51
  52. 52 Fetching all notes & Adding a Note | Complete React Course in Hindi #52
  53. 53 Updating an existing Note | Complete React Course in Hindi #53
  54. 54 Endpoint for deleting a Note | Complete React Course in Hindi #54
  55. 55 iNotebook React Project Setup | Complete React Course in Hindi #55
  56. 56 Creating Navbar and Routes | Complete React Course in Hindi #56
  57. 57 Introduction to React Context API | Complete React Course in Hindi #57
  58. 58 useContext hook: Using React Context API | Complete React Course in Hindi #58
  59. 59 useLocation Hook in React | Complete React Course in Hindi #59
  60. 60 iNotebook: Fetching Notes from Context | Complete React Course in Hindi #60
  61. 61 iNotebook: Adding NoteItem in a Separate Note component | Complete React Course in Hindi #61
  62. 62 Adding font awesome icons to iNotebook | Complete React Course in Hindi #62
  63. 63 Adding AddNote component to iNotebook | Complete React Course in Hindi #63
  64. 64 Adding "delete note" functionality to iNotebook | Complete React Course in Hindi #64
  65. 65 Adding "fetch notes" functionality to iNotebook | Complete React Course in Hindi #65
  66. 66 Adding a Modal for Editing Notes | Complete React Course in Hindi #66
  67. 67 Updating Notes on edit in the UI using React | Complete React Course in Hindi #67
  68. 68 Adding Frontend Validation + Few Fixes in iNotebook | Complete React Course in Hindi #68
  69. 69 Adding Login Component to iNotebook | Complete React Course in Hindi #69
  70. 70 Adding SignUp Component to iNotebook | Complete React Course in Hindi #70
  71. 71 Adding Alerts to Login, Signup & Notes Component of iNotebook | Complete React Course in Hindi #71
  72. 72 Fetching User Specific Notes in iNotebook | Complete React Course in Hindi #72
  73. 73 Introduction to Redux | Complete React Course in Hindi #73
  74. 74 Setting up a React Application for Redux | Complete React Course in Hindi #74
  75. 75 Creating a Reducer & Action Creator in Redux | Complete React Course in Hindi #75
  76. 76 Creating a Redux Store | Complete React Course in Hindi #76
  77. 77 Accessing State in Redux | Complete React Course in Hindi #77
  78. 78 Updating state from a different component in Redux | Complete React Course in Hindi #78

Never Stop Learning.

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

Sign up for free
Someone learning on their laptop while sitting on the floor.