Learn React With Harshi
My learning experience of Namaste React Live course conducted by Akshay Saini. Each repository contains every session's assignments and class notes.
Netherlands
Pinned Repositories
chapter-01-inception-namaste-react
This was an introduction session to Namaste React Live Course. Wrote the first react program without any installation or create-react-app.
chapter-04-coding-in-react
In this chapter, we started to develop a config-driven UI for food ordering platform. Concepts of props(properties), virtual DOM, importance of unique key were discussed.
chapter-05-lets-get-hooked
In this chapter, we re-organised the repo structure, understood the importance of clean coding principles, different ways of exporting and importing modules(components). Last but not the least, React 'Hooks' were explained in depth.
chapter-10-what-is-seen-is-sold
Chapter-10 is all about UI Layer of our app. The look and feel of the app attracts the user. Various ways of writing css (styling) is discussed in this chapter. Recreated the whole app using Tailwind CSS.
chapter-11-data-is-the-new-oil
Chapter-11 is about Data layer of the app. Consider data as if it's oil, use it wisely because that is what powers the engine, and its expensive as well. There were discussion on what is data in React, how to pass data in the component hierarchy, from parent to child, child to siblings, child to parent, and finally throughout the app.
chapter-12-lets-build-our-store
Chapter-12 is all about handling data using external state management library `Redux`. We discussed the problems with other ways of data management like Props drilling and Context API. All about Redux Toolkit vs React-Redux and its step by step configuration and implementation in this chapter.
chapter-13-time-for-the-test
Chapter-13 is all about testing the application. In this chapter, different types of testing and testing frameworks were discussed. Detailed explanation and hands-on on testing frameworks `jest` and `react-testing-library` were done.
namaste-react-project-setup-cheatsheet
This repo contains all the steps to be done (that we followed in namaste react course) while developing a React App.
table-of-contents
This repo is the index page for all the chapters that we will be learning in Namaste React Live Course by Akshay Saini..
youtube-clone
This is a clone of YouTube Application developed using React and other supporting the stack to practice for Machine Coding Interview.
Learn React With Harshi 's Repositories
Learn-React-With-Harshi/table-of-contents
This repo is the index page for all the chapters that we will be learning in Namaste React Live Course by Akshay Saini..
Learn-React-With-Harshi/chapter-12-lets-build-our-store
Chapter-12 is all about handling data using external state management library `Redux`. We discussed the problems with other ways of data management like Props drilling and Context API. All about Redux Toolkit vs React-Redux and its step by step configuration and implementation in this chapter.
Learn-React-With-Harshi/namaste-react-project-setup-cheatsheet
This repo contains all the steps to be done (that we followed in namaste react course) while developing a React App.
Learn-React-With-Harshi/chapter-01-inception-namaste-react
This was an introduction session to Namaste React Live Course. Wrote the first react program without any installation or create-react-app.
Learn-React-With-Harshi/chapter-11-data-is-the-new-oil
Chapter-11 is about Data layer of the app. Consider data as if it's oil, use it wisely because that is what powers the engine, and its expensive as well. There were discussion on what is data in React, how to pass data in the component hierarchy, from parent to child, child to siblings, child to parent, and finally throughout the app.
Learn-React-With-Harshi/chapter-05-lets-get-hooked
In this chapter, we re-organised the repo structure, understood the importance of clean coding principles, different ways of exporting and importing modules(components). Last but not the least, React 'Hooks' were explained in depth.
Learn-React-With-Harshi/chapter-04-coding-in-react
In this chapter, we started to develop a config-driven UI for food ordering platform. Concepts of props(properties), virtual DOM, importance of unique key were discussed.
Learn-React-With-Harshi/chapter-10-what-is-seen-is-sold
Chapter-10 is all about UI Layer of our app. The look and feel of the app attracts the user. Various ways of writing css (styling) is discussed in this chapter. Recreated the whole app using Tailwind CSS.
Learn-React-With-Harshi/chapter-13-time-for-the-test
Chapter-13 is all about testing the application. In this chapter, different types of testing and testing frameworks were discussed. Detailed explanation and hands-on on testing frameworks `jest` and `react-testing-library` were done.
Learn-React-With-Harshi/youtube-clone
This is a clone of YouTube Application developed using React and other supporting the stack to practice for Machine Coding Interview.
Learn-React-With-Harshi/chapter-03-laying-the-foundation
Chapter-03 covers lots of core concepts like JSX, functional components, babel.
Learn-React-With-Harshi/chapter-06-exploring-the-world
In this chapter, we learnt about working with real time data from the Web (Our world basically)
Learn-React-With-Harshi/chapter-07-finding-the-path
This chapter is about creating routes to different pages of the application and how to navigate through them
Learn-React-With-Harshi/chapter-09-optimizing-our-app
The first half of the chapter was about all about Custom Hooks. Difference between helper functions and custom hooks were discussed with example. The second half of the chapter was about optimizing our app using lazy loading/ on demand loading mechanism.
Learn-React-With-Harshi/chapter-14-machine-coding-interview
This chapter helps us to prepare for machine coding round of interview. How to practice, plan and develop an app in the Live Coding interview.
Learn-React-With-Harshi/chapter-15-building-advanced-features
This chapter is the continuation of the app that we discussed in last chapter. In the first half, we implemented advanced features like searching, how to improve app performance using debouncing, caching and Integration. Second half, we understood how to implement nested comments features.
Learn-React-With-Harshi/chapter-02-igniting-react-app
Chapter-02 was about creating production ready react app from scratch without using create-react-app. The concept of bundlers (Parcel) was explained in detail.
Learn-React-With-Harshi/chapter-08-lets-get-classy
This chapter is all about creating and working with class based components in React.
Learn-React-With-Harshi/.github