Complete Full Stack Development with MERN

Learn the basics of react.js, a JavaScript library for building user interfaces, covering jsx, components, and the virtual dom, and compare stateless functional components with stateful class components.

Explore JSX and props in React.js to build dynamic, reusable components within the Complete Full Stack Development with MERN course, comparing functional and class components and understanding prop immutability.

Learn how state in react js controls a component's behavior with class components, using this.state and this.setState, including callback after state updates and handling previous state in increments.

Learn how to manage state in React functional components with the useState hook, including handling previous state values and managing objects and arrays with the spread operator.

Learn to use the use effect hook in React to perform side effects such as data fetching and dom manipulation, guided by dependency arrays and practical examples.

Learn how to use the context hook to share data across the component tree without excessive props. Create a context, wrap providers, and consume values with useContext in functional components.

Explore React routing with React Router DOM, set up a browser router, define nested and dynamic routes, use parameters and navigation, and manage default and redirect routes.

Learn form handling in React.js by creating a form component, managing form data with useState, and handling input changes and submissions, including rendering the form.

Learn how to implement form handling and robust form validation in React, using controlled components, form data state, and a validate function with email patterns and password rules.

Master state management with the context API by creating a counter context, providing it with a provider, wrapping the app, and using useContext to avoid prop drilling.

Explore how React Redux with Redux Toolkit manages complex application state using a store, reducers, and dispatch, and learn to access state with use selector and update with use dispatch.

Master backend development with Node.js and Express by learning how Node.js runs outside the browser, managing packages with npm, and using the fs module for asynchronous file handling.

Master middleware concepts, with middleware functions sitting between the client and server to perform authentication, validation, and error handling via the next function, and grasp headers and HTTP status codes.

Master user authentication and authorization in a MERN app by implementing basic and JWT authentication, middleware protection, sign up and sign in flows, and secure profile routes.

Learn uploads and image handling with multer in node.js and express.js, use multipart form data with ejs to render pages, and create a post route to upload a single file.

Learn the fundamentals of WebSocket, including persistent bidirectional communication and the HTTP upgrade, and build a real-time chat app with socket.io in a Node.js environment.

Integrate frontend and backend to build a full-stack blog app with Node.js and MongoDB, featuring user authentication, CRUD operations, and a search API.

Continue integrating frontend and backend by building sign in and sign up pages with material UI, setting up routing, and wiring form state to console output ahead of API integration.

Build a home page with a navbar and a create block modal, and implement a frontend form with title, description, tags, and base64 file upload to integrate with the backend.

Build a blog home page with search by title and tags, display blog cards, and implement edit and delete actions using Material UI components, paving the MERN frontend-backend integration.

Integrate frontend and backend in a MERN blog app by connecting sign in, sign up, create block, and get all blocks APIs with axios, local storage author, and grid-based display.

Integrate frontend and backend to implement get block by search in the MERN project, enabling case-insensitive searches by title or tags via query params and a dedicated route.