KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#codex #developer-tools #typescript #ai-agents #claude-code #python #mcp #react #cli #macos #ai-agent #deepseek-harness

15-days-of-react-design-patterns

★ 130 Open GitHub ↗

Learn to write clean React Code by understanding the most useful design patterns.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 15-days-of-react-design-patterns

Learn to write clean React Code by understanding the most useful design patterns on [tapaScript](https://youtube.com/tapasadhikary).

## 🫶 Support

Your support means a lot.

- Please SUBSCRIBE to [tapaScript YouTube Channel](https://youtube.com/tapasadhikary) if not done already. A Big Thank You!
- Liked my work? It takes months of hard work to create quality content and present it to you. You can show your support for me with a STAR(⭐) to this repository.

> Many Thanks to all the `Stargazers` who have supported this project with stars(⭐)
    > [![Stargazers repo roster for tapascript/15-days-of-react-design-patterns](https://reporoster.com/stars/tapascript/15-days-of-react-design-patterns)](https://github.com/tapascript/15-days-of-react-design-patterns)

### 🤝 Sponsor My Work

I am an independent educator and open-source enthusiast who creates meaningful projects to teach programming on my YouTube Channel. **You can support my work by [Sponsoring me on GitHub](https://github.com/sponsors/atapas) or [Buy Me a Coffee](https://buymeacoffee.com/tapasadhikary)**.

### 📊 Star History

You, all my `Stargazers`, are making it work. This is because of you. A BIG THANK YOU to all of you ❤️.

[![Star History Chart](https://api.star-history.com/svg?repos=tapascript/15-days-of-react-design-patterns&type=Date)](https://www.star-history.com/#tapascript/15-days-of-react-design-patterns&Date)

## 🥇 Join the Discord Server

- Join Discord Server to Collaborate and Learn: [https://discord.gg/ux9BchWEW3](https://discord.gg/ux9BchWEW3)

## 📹 Table of Contents

- **`Day 00: Why React Needs Design Patterns + 10-Min Crash Course`** - [Watch Video](https://www.youtube.com/watch?v=OWi31QoHqNk&pp=0gcJCckJAYcqIYzv) || [Source Code](https://github.com/tapascript/15-days-of-react-design-patterns/tree/main/day-00)
- **`Day 01: React Container-Presenter Pattern | Code Smell to Clean Code`** - [Watch Video](https://youtu.be/1UHbhikwg-s) || [Source Code](https://github.com/tapascript/15-days-of-react-design-patterns/tree/main/day-01)
- **`Day 02: React Design Patterns || Controlled & Uncontrolled Forms`** - [Watch Video](https://youtu.be/jPMCouXondI) || [Source Code](https://github.com/tapascript/15-days-of-react-design-patterns/tree/main/day-02)
- **`Day 03: React Compound Components Pattern Explained (Build Flexible UI Without Prop Soup)`** - [Watch Video](https://youtu.be/LglWulOqh6k) || [Source Code](https://github.com/tapascript/15-days-of-react-design-patterns/tree/main/day-03)
- **`Day 04: Master the Render Props Pattern in React - Share Logic Without Duplication`** - [Watch Video](https://youtu.be/tIdJj0n1mg4) || [Source Code](https://github.com/tapascript/15-days-of-react-design-patterns/tree/main/day-04)
- **`Day 05: Master Higher Order Functions & Components in React`** - [Watch Video](https://youtu.be/spDQ4oCKSPY) || [Source Code](https://github.com/tapascript/15-days-of-react-design-patterns/tree/main/day-05)
- **`Day 07: Master the Provider Pattern in React || Context Made Simple!`** - [Watch Video](https://www.youtube.com/watch?v=POWMosrdamI) || [Source Code](https://github.com/tapascript/15-days-of-react-design-patterns/tree/main/day-07)
- **`Day 08: MASTER Optimistic UI Pattern in React 19 || useOptimistic Hook`** - [Watch Video](https://youtu.be/x03yX-yNxas) || [Source Code](https://github.com/tapascript/15-days-of-react-design-patterns/tree/main/day-08)
- **`Day 09: React State Reducer Pattern Explained: Build Powerful & Reusable State Logic`** - [Watch Video](https://youtu.be/vZswuz3NTgs) || [Source Code](https://github.com/tapascript/15-days-of-react-design-patterns/tree/main/day-09)
- **`Day 10: Pub-Sub vs Observer in React — Deep Dive, Architecture & Working Demo`** - [Watch Video](https://www.youtube.com/watch?v=ociC3llkLHk) || [Source Code](https://github.com/tapascript/15-days-of-react-design-patterns/tree/main/day-10)
- **`Day 11(Part 1): The Ultimate React Performance Guide (Part 1): Stop Useless Re-Renders!`** - [Watch Video](https://youtu.be/G8Mk6lsSOcw) || [Source Code](https://github.com/tapascript/15-days-of-react-design-patterns/tree/main/day-11)
- **`Day 11(Part 2 ):The Ultimate React Performance Guide (Part 2): Advanced Optimizations`** - [Watch Video](https://youtu.be/HJFDXKkz67M) || [Source Code](https://github.com/tapascript/15-days-of-react-design-patterns/tree/main/day-11)
- **`Day 12: React Slot Pattern Explained: The Cleanest Way to Build Flexible Components`** - [Watch Video](https://youtu.be/_LBgDy0j-Os) || [Source Code](https://github.com/tapascript/15-days-of-react-design-patterns/tree/main/day-12)
- **`Day 13: One React Pattern That Makes Your App Instantly Scalable 🔥`** - [Watch Video](https://youtu.be/tfZ85e9N8RA) || [Source Code](https://github.com/tapascript/15-days-of-react-design-patterns/tree/main/day-13)
- **`Day 14: One React Pattern That Instantly Cleans Up Messy Components 🔥`** - [Watch Video](https://youtu.be/25IKfl9jR7A) || [Source Code](https://github.com/tapascript/15-days-of-react-design-patterns/tree/main/day-14)
- **`Day 15: This One React Pattern Can Save Your App From Crashing 🔥`** - [Watch Video](https://youtu.be/0qxF4jb-eUg) || [Source Code](https://github.com/tapascript/15-days-of-react-design-patterns/tree/main/day-15)
- **`Day 16: One React Pattern That Instantly Fixes Data Fetching Hell 🔥`** - [Watch Video](https://youtu.be/tY8rhkLdr2A) || [Source Code](https://github.com/tapascript/15-days-of-react-design-patterns/tree/main/day-16)
- **`Day 17: CLEAN REACT FORMS: The Custom Hook Pattern That Cuts 100+ Lines of Code 🔥`** - [Watch Video](https://youtu.be/HSVC5-d5sjY) || [Source Code](https://github.com/tapascript/15-days-of-react-design-patterns/tree/main/day-17)

15-days-of-react-design-patterns

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README