Jamal-SaadEddin / Playground

An advanced React Concepts app with Mosh Hamedani's course, to get skilled with React-Query, React-Router, Reducers, Contexts, Providers and Zustand state management library.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Playground - My React Journey

Welcome to the playground project, a practical application designed for part 2 of Mosh Hamedani's React course. This README will guide you through setting up the project and provide an overview of my personal experiences and key takeaways from the course.

Getting Started

  1. Clone the Repository: Clone this repository to your local machine using the following command:

    git clone https://github.com/Jamal-SaadEddin/Playground.git
  2. Install Dependencies: Navigate to the project directory and run the following command to install the required dependencies:

    npm install
  3. Start the Web Server: Launch the web server by running the following command:

    npm run dev

    This will start the development server, and you can access the application at http://localhost:3000.

My React Journey Highlights

This course has been a game-changer for me in terms of React proficiency. Here are some key highlights from my journey:

  • Fetching and Updating Data with React Query

    • Explore skilled data management in React using React Query, ensuring efficient fetch and update data for dynamic applications.
  • Reducers, Context, and Providers

    • Gain a deeper understanding of React state management with advanced concepts such as reducers, context, and providers.
  • Managing Application State with Zustand

    • A lightweight state management library, ensuring a smooth user experience & eliminating React components Prop drilling.
  • Routing with React Router

    • Master client-side routing with React Router for seamless navigation.

Acknowledgments

Special thanks to Mosh Hamedani for an enriching learning experience.

Elevate your skills by enrolling in the full React course at Code with Mosh.

Happy coding! 🚀

About

An advanced React Concepts app with Mosh Hamedani's course, to get skilled with React-Query, React-Router, Reducers, Contexts, Providers and Zustand state management library.


Languages

Language:TypeScript 97.6%Language:HTML 2.3%Language:CSS 0.2%