learn-react-with-harshi Goto Github PK

.github

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-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.

chapter-03-laying-the-foundation

Chapter-03 covers lots of core concepts like JSX, functional components, babel.

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-06-exploring-the-world

In this chapter, we learnt about working with real time data from the Web (Our world basically)

chapter-07-finding-the-path

This chapter is about creating routes to different pages of the application and how to navigate through them

chapter-08-lets-get-classy

This chapter is all about creating and working with class based components in React.

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.

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.

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.

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.

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.