React Apps Monorepo

This repository contains multiple React projects demonstrating various concepts, patterns, and libraries in React development. Each folder is a standalone project with its own dependencies and configuration.

Projects

1. Custom Hooks

A collection of custom React hooks for common use-cases such as:

• Debouncing
• Fetching data
• Local storage management
• Detecting window size
• Handling outside clicks

Usage

Navigate to Custom Hooks/ and run:

npm install
npm run dev

2. React Hook Form

Examples using React Hook Form for building forms, including validation with Zod.

Usage

Navigate to React Hook Form/ and run:

npm install
npm run dev

3. REACT HOOKS

Demonstrates various React hooks and context usage, including:

• useContext
• useReducer
• Custom hooks

Usage

Navigate to REACT HOOKS/ and run:

npm install
npm run dev

4. React Redux

Examples of state management using Redux Toolkit, including slices for counter, todo, and users.

Usage

Navigate to React Redux/ and run:

npm install
npm run dev

5. React-Basics-CRUD

A basic CRUD application demonstrating React fundamentals, routing, and simple state management.

Usage

Navigate to React-Basics-CRUD/ and run:

npm install
npm run dev

Getting Started

Each project is independent. To run a specific project:

1. Open the project folder.
2. Install dependencies: npm install
3. Start the development server: npm run dev

Requirements

• Node.js (v16 or higher recommended)
• npm

License

This repository is for educational purposes.

---

Feel free to explore each project to learn more about React hooks, forms, Redux, and CRUD operations.