🌐 Personal Portfolio
React Interview Prep Series • Started September 2024
Support this learning journey 💡
[](https://paypal.me/your-paypal-link)
[](https://buymeacoffee.com/your-link)
This repository documents a comprehensive 333-day React interview preparation journey, focusing on mastering React, TypeScript, and interview-ready coding skills.
| Day | Topic | Challenge | Skills Covered | Difficulty |
|---|---|---|---|---|
| 01 | State Management | Create a TypeScript React component for a Counter with Undo/Redo functionality. The component should: Display a number (starting at 0), Have buttons to increment and decrement the counter, Keep track of the counter's history, Allow users to undo and redo actions | React Hooks, TypeScript | ⭐⭐ |
| 02 | Drag & Drop | Create a task timer application. Allow adding new tasks, Start/pause individual task timers, Track time spent on each task, Remove tasks | React Hooks, TypeScript | ⭐⭐⭐ |
| 03 | Performance Optimization | Memoization Techniques | useMemo, useCallback | ⭐⭐ |
| 04 | Custom Hooks | Data Fetching Hook | Error Handling, Async Operations | ⭐⭐⭐ |
| 05 | Context API | Theme Switcher | State Sharing, Prop Drilling | ⭐ |
| 06 | Advanced Types | Type Challenges | TypeScript Generics | ⭐⭐⭐ |
| 07 | Testing | Unit & Integration Tests | Jest, React Testing Library | ⭐⭐⭐ |
| 08 | Performance Profiling | Rendering Optimization | React DevTools | ⭐⭐⭐ |
| 09 | State Management | Redux/Context Comparison | Global State Management | ⭐⭐⭐ |
| 10 | Advanced Patterns | Compound Components | React Design Patterns | ⭐⭐⭐⭐ |
- React 18+
- TypeScript
- State Management Libraries
- Testing Frameworks
- Performance Tools
- Node.js (v16+)
- npm or yarn
- Basic React Knowledge
# Clone the repository
git clone https://github.com/IsoDevMate/react-interviews.git
# Navigate to project directorycd react-interview-prep
# Install dependencies
npm install- Project Setup
- Day 1-2 Challenges
- Day 3-5 Challenges
- Day 6-10 Challenges
Daily Coding Challenges
- Solve complex React scenarios
- Implement best practices
- Optimize code performance
Concept Deep Dives
- Understand React internals
- Master TypeScript typing
- Learn design patterns
Mock Interview Preparation
- Common React Interview Questions
- System Design Challenges
- Code Review Scenarios
- Join our Discord for discussions
- Weekly code review sessions
- Collaborative learning environment
"Every line of code is a step towards mastery. Embrace the challenge, one commit at a time." - 🤖
If this resource helps you:
- Star the repository
- Share with your network
- Consider sponsoring future content
- 📧 Email: oumaoduor5827@gmail.com
- 🌐 Website: View My Website
- 💼 LinkedIn: Barack Ouma
This project is open-source, licensed under MIT License.