React : The Complete Guide 2024

Key Learnings

• How React works, building components with React & building UIs with React Components, props & dynamic data binding
• React Hooks (in-depth)! Working with built-in Hooks and building custom Hooks
• How to debug React apps Styling React apps with "Styled Components" and "CSS Modules" Working with "Fragments" & "Portals"
• Dealing with side effects. Class-based components and functional components
• Sending Http requests & handling transitional states + responses.
• Handling forms and user input (incl. validation). Redux & Redux Toolkit Routing with React Router

Next.js 14 and React - The Complete Guide

Key Learnings

• Creating NextJS projects from the ground up & understanding these projects Working with file-based routing
• Adding dynamic routes and catch-all routes. Implementing different forms of page pre-rendering and server-side rendering. Working with data and adding data fetching + pre-fetching to your apps. Handling form submissions with Server Actions
• Handling File upload Pre-generating dynamic and static pages. Adding optimizations like metadata to pages
• Optimizing images with the NextJS Image component. Building fullstack apps with API routes or Server Actions. Managing app-wide state with React context (in NextJS apps)
• Adding authentication to NextJS apps. Multiple complete apps where we'll apply all these core concepts!

The Complete Web Developer in 2023 : Zero To Mastery

Key Learnings

• Learn to implement user authentication
• Use Express, SQL and PostgreSQL to create fullstack applications that scale
• Master fundamental concepts in Web Development
• Use NodeJS to write server-side JavaScript
• Learn best practices to write clean, performant, and bug free code + Learn to use ChatGPT as a developer
• Build a professional Portfolio Website
• Master beginner and advanced JavaScript topics
• Learn React + Redux to build rich front end applications