Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/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.
https://github.com/jamal-saadeddin/playground
react-context react-provider react-query react-reducer react-router zustand
Last synced: about 16 hours ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/jamal-saadeddin/playground
- Owner: Jamal-SaadEddin
- Created: 2023-09-23T15:10:10.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-11-19T08:13:55.000Z (about 1 year ago)
- Last Synced: 2024-11-19T15:58:10.332Z (2 months ago)
- Topics: react-context, react-provider, react-query, react-reducer, react-router, zustand
- Language: TypeScript
- Homepage:
- Size: 119 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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:
```bash
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:
```bash
npm install
```
3. **Start the Web Server:**
Launch the web server by running the following command:
```bash
npm run dev
```
This will start the development server, and you can access the application at [http://localhost:3000](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](https://github.com/mosh-hamedani) for an enriching learning experience.
Elevate your skills by enrolling in the full React course at [Code with Mosh](https://codewithmosh.com).
Happy coding! 🚀