{"id":26021102,"url":"https://github.com/isodevmate/react-interviews-","last_synced_at":"2026-04-08T18:31:06.006Z","repository":{"id":280714320,"uuid":"917463795","full_name":"IsoDevMate/react-interviews-","owner":"IsoDevMate","description":"React Interview Mastery React Interview Mastery is a 333-day journey to master React and TypeScript through daily coding challenges. This repository documents advanced topics, performance optimizations, and best practices, helping developers prepare for technical interviews with hands-on experience and in-depth understanding.","archived":false,"fork":false,"pushed_at":"2025-03-08T23:27:28.000Z","size":301,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-05T20:02:13.694Z","etag":null,"topics":["frontend","interview-preparation","react","reactjs","typescript","vite"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/IsoDevMate.png","metadata":{"files":{"readme":"ReadMe.MD","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2025-01-16T03:11:55.000Z","updated_at":"2025-03-08T23:27:32.000Z","dependencies_parsed_at":"2025-03-04T23:38:29.509Z","dependency_job_id":null,"html_url":"https://github.com/IsoDevMate/react-interviews-","commit_stats":null,"previous_names":["isodevmate/react-interviews-"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/IsoDevMate/react-interviews-","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IsoDevMate%2Freact-interviews-","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IsoDevMate%2Freact-interviews-/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IsoDevMate%2Freact-interviews-/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IsoDevMate%2Freact-interviews-/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/IsoDevMate","download_url":"https://codeload.github.com/IsoDevMate/react-interviews-/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IsoDevMate%2Freact-interviews-/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31568570,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-08T14:31:17.711Z","status":"ssl_error","status_checked_at":"2026-04-08T14:31:17.202Z","response_time":54,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["frontend","interview-preparation","react","reactjs","typescript","vite"],"created_at":"2025-03-06T08:33:30.363Z","updated_at":"2026-04-08T18:31:05.986Z","avatar_url":"https://github.com/IsoDevMate.png","language":"TypeScript","funding_links":["https://paypal.me/your-paypal-link","https://buymeacoffee.com/your-link"],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n  \u003ch1\u003e🚀 React Interview Mastery: 330 Days of Coding Challenges\u003c/h1\u003e\n\n[![Discord](https://img.shields.io/badge/Discord-Community-7289DA?logo=discord\u0026logoColor=white)](https://discord.gg/your-community-link)\n[![LinkedIn](https://img.shields.io/badge/LinkedIn-Connect-0077B5?logo=linkedin\u0026logoColor=white)](https://linkedin.com/in/barack-ouma-b37089212)\n[![Twitter](https://img.shields.io/badge/Twitter-Follow-1DA1F2?logo=twitter\u0026logoColor=white)](https://twitter.com/BarackOuma7)\n[![YouTube](https://img.shields.io/badge/YouTube-Subscribe-FF0000?logo=youtube\u0026logoColor=white)](https://youtube.com/your-channel)\n\n🌐 [Personal Portfolio](https://barackoumasite.netlify.app/)\n\u003cbr/\u003e\n\u003csmall\u003eReact Interview Prep Series • Started September 2024\u003c/small\u003e\n\n  \u003cp\u003e\n    \u003csmall\u003eSupport this learning journey 💡\u003c/small\u003e\n    \u003cbr/\u003e\n    [![PayPal](https://img.shields.io/badge/Support-PayPal-00457C?logo=paypal\u0026logoColor=white)](https://paypal.me/your-paypal-link)\n    [![Buy Me a Coffee](https://img.shields.io/badge/Buy%20Me%20a%20Coffee-FFDD00?logo=buy-me-a-coffee\u0026logoColor=black)](https://buymeacoffee.com/your-link)\n  \u003c/p\u003e\n\u003c/div\u003e\n\n## 🎯 Project Overview\n\nThis repository documents a comprehensive 333-day React interview preparation journey, focusing on mastering React, TypeScript, and interview-ready coding skills.\n\n## 📚 Learning Path\n\n| Day | Topic                    | Challenge                                                                                                                                                                                                                                                              | Skills Covered                   | Difficulty |\n| :-: | :----------------------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | :------------------------------- | :--------: |\n| 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          |    ⭐⭐    |\n| 02  | Drag \u0026 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          |   ⭐⭐⭐   |\n| 03  | Performance Optimization | Memoization Techniques                                                                                                                                                                                                                                                 | useMemo, useCallback             |    ⭐⭐    |\n| 04  | Custom Hooks             | Data Fetching Hook                                                                                                                                                                                                                                                     | Error Handling, Async Operations |   ⭐⭐⭐   |\n| 05  | Context API              | Theme Switcher                                                                                                                                                                                                                                                         | State Sharing, Prop Drilling     |     ⭐     |\n| 06  | Advanced Types           | Type Challenges                                                                                                                                                                                                                                                        | TypeScript Generics              |   ⭐⭐⭐   |\n| 07  | Testing                  | Unit \u0026 Integration Tests                                                                                                                                                                                                                                               | Jest, React Testing Library      |   ⭐⭐⭐   |\n| 08  | Performance Profiling    | Rendering Optimization                                                                                                                                                                                                                                                 | React DevTools                   |   ⭐⭐⭐   |\n| 09  | State Management         | Redux/Context Comparison                                                                                                                                                                                                                                               | Global State Management          |   ⭐⭐⭐   |\n| 10  | Advanced Patterns        | Compound Components                                                                                                                                                                                                                                                    | React Design Patterns            |  ⭐⭐⭐⭐  |\n\n## 🛠 Tech Stack\n\n- React 18+\n- TypeScript\n- State Management Libraries\n- Testing Frameworks\n- Performance Tools\n\n## 🚀 Getting Started\n\n### Prerequisites\n\n- Node.js (v16+)\n- npm or yarn\n- Basic React Knowledge\n\n### Installation\n\n```bash\n# Clone the repository\ngit clone https://github.com/IsoDevMate/react-interviews.git\n\n# Navigate to project directory\ncd react-interview-prep\n\n# Install dependencies\nnpm install\n```\n\n## 📈 Progress Tracking\n\n- [x] Project Setup\n- [x] Day 1-2 Challenges\n- [ ] Day 3-5 Challenges\n- [ ] Day 6-10 Challenges\n\n## 💡 Interview Preparation Strategies\n\n1. **Daily Coding Challenges**\n\n   - Solve complex React scenarios\n   - Implement best practices\n   - Optimize code performance\n\n2. **Concept Deep Dives**\n\n   - Understand React internals\n   - Master TypeScript typing\n   - Learn design patterns\n\n3. **Mock Interview Preparation**\n   - Common React Interview Questions\n   - System Design Challenges\n   - Code Review Scenarios\n\n## 🤝 Community \u0026 Support\n\n- Join our Discord for discussions\n- Weekly code review sessions\n- Collaborative learning environment\n\n## 📊 Skill Progression\n\n![React Skills](https://progress-bar.dev/30/?title=React%20Skills\u0026width=500)\n![TypeScript Proficiency](https://progress-bar.dev/40/?title=TypeScript\u0026width=500)\n\n## 🏆 Motivation Corner\n\n\u003e \"Every line of code is a step towards mastery. Embrace the challenge, one commit at a time.\" - 🤖\n\n## 💰 Support the Journey\n\nIf this resource helps you:\n\n- Star the repository\n- Share with your network\n- Consider sponsoring future content\n\n## 📞 Connect \u0026 Collaborate\n\n- 📧 Email: oumaoduor5827@gmail.com\n- 🌐 Website: [View My Website ](https://www.your-portfolio.com)\n- 💼 LinkedIn: [Barack Ouma](https://linkedin.com/in/barack-ouma-b37089212)\n\n## 📜 License\n\nThis project is open-source, licensed under MIT License.\n\n\n\n\u003cdiv align=\"center\"\u003e\n  \u003csmall\u003eCrafted with ❤️ by  Barack Ouma  | Powered by Barack.devTeam.REPL \u003c/small\u003e\n\u003c/div\u003e\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fisodevmate%2Freact-interviews-","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fisodevmate%2Freact-interviews-","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fisodevmate%2Freact-interviews-/lists"}