Online Reservation System E-commerce Website Project Management System Online Inventory Real time Ride Sharing Application

Understanding of how a react component renders and re-renders  An in-depth guide to memoization in react and using performance optimization hooks such as useMemo and useCallback Guide to using dev tools and react Profiler Lazy loading and code splitting Setting up webpack configs, compressing the react app build size

Overview of various types of software testing Introduction to Unit testing a web application Setting up Jest UI testing, writing tests for mocked APIs Code coverage with jest

Introduction to real-time web socket communication Socket io client setup in react Getting connected to sockets and disconnecting a web socket Emitting data and retrieving data to and from a connected socket

Understanding of GraphQL  Understanding of data under-fetching and over-fetching Query, arguments, and mutation Variables in graphql Graphql fragments Setting up client side graphql in react with Apollo

State management using Redux  Reducers Action Creators and action types Using redux middleware libraries such as sagas, thunks, and Rxjs to handle asynchronous side effects Using redux logger middlewares and redux dev tools to track state changes Using redux persist to handle storage in the react application

Understanding of REST API  HTTP methods and protocols  Understanding of Fetch API, axios, and interceptors

 Basics of react forms and handling various types of form fields and events Client-side form validation Advanced form handling with Formik and schema validators like Yup or regex

 State State exercise: Build a like button, counter apps, etc using react state and useState hooks Props Props exercise: pass data from parents to child, child to parent, and from one child to its siblings Refs Refs exercise: Targeting a particular DOM, scrolling to a particular DOM, auto focusing an input field programmatically, etc using… Read more »

Understanding react as a library and its ecosystem Difference between libraries and frameworks  Setting up react with CDN without using any frameworks  A brief overview of how react library can be used in web frameworks such as create- react-app, Gatsby, next.js, etc and mobile frameworks like react-native Introduction to react components, folder structure, and architecture… Read more »