Skip to content

Latest commit

 

History

History

README.md

If anyone wants to get started with React or is planing to work on NextJs This course is designed to take you from a React beginner to an advanced developer, providing you with all the tools and knowledge you need to build dynamic, interactive web applications.

Prerequisites

  • Basic knowledge of HTML, CSS, and JavaScript or TypeScript
  • NodeJs installed on your machine
  • A basic understanding of terminal

Resources

What We'll Learn

  • Setting up a React development environment
  • CRA vs Vite.Js (Build Tools)
  • Introduction to React and how is JSX converted to JavaScript
  • How react works and its virtual DOM
  • Building and deploying/hosting (Netlify, Surge, Firebase)
  • JSX and {Curly Braces in JSX}
  • Creating and managing components
  • Understanding state and props
  • Conditional rendering
  • Styling in React with
    • CSS
    • TailwindCSS (utility-first CSS framework)
    • Material-UI (React component library)
  • Handling events and forms in React
    • controlled input
    • form submit event
    • React Hook Forms
    • Form validation with Zod
  • Using hooks for functional components
    • UseState
    • UseEffect
    • UseRef
    • Custom hooks
    • UseMemo
    • UseCallback
  • Working with APIs (useSWR, Axios)
  • Routing with React Router Dom
  • Managing global state with ReduxTK
  • Progressive Web App
  • Best practices and advanced techniques
  • Framework vs Library (reference)
  • Frameworks for React (why they are needed)