React Playground
A playground to practice & learn react. This is where the magic happens!
Theory
| S.No |
Topic ![]() |
Tags |
![]() Link ![]() |
| 1. |
Inception |
react react-dom react element |
🔗 |
| 2. |
Igniting Our App |
bundler parcel |
🔗 |
| 3. |
Laying the foundation |
jsx babel components |
🔗 |
| 4. |
Coding in React |
Reconciliation Virtual DOM config driven UI |
🔗 |
| 5. |
Let's get hooked |
useState data binding name & default export |
🔗 |
| 6. |
Exploring the world |
useEffect conditional rendereing shimmer |
🔗 |
| 7. |
Finding the path |
Routing create-router-dom Formik |
🔗 |
| 8. |
Let's get Classy |
class components |
🔗 |
| 9. |
Optimizing our App |
custom hooks lazy loading |
🔗 |
| 10. |
What is seen is sold |
tailwind css |
🔗 |
| 11. |
Data is the new oil |
props driling useContext |
🔗 |
| 12. |
Let's build our store |
redux-tool-kit |
🔗 |
| 13. |
Time for the test |
React Testing Library jest |
🔗 |
| 14. |
Machine Coding Inteview |
Time management |
🔗 |
| 15. |
Building Advanced Features |
search debouncing caching nesting comments |
🔗 |
| 16. |
The End Game |
live-chat api polling web-sockets useMemo |
🔗 |
| 17. |
Also Know |
error boundries useRef react middleware |
🔗 |
Projects
| S.No |
Topic ![]() |
![]() Link ![]() |
| 1. |
Swiggy Clone |
🔗 |
| 2. |
Youtube Clone |
🔗 |
More stuff
| S.No |
Topic ![]() |
Tags |
![]() Link ![]() |
| 1. |
CRUD [React + Firebase] |
vite Firebase CRUD env-cmd Firebase Hosting |
🔗 |
| 2. |
AUTH [React + Firebase] |
AUTH using Firebase Protected Routes |
🔗 |
| 3. |
Modern UI/UX App |
Responsive UI Best Code Practice Netlify Hosting |
🔗 |
| 4. |
Netflix CLone |
Responsive UI Firebase Intergration |
🔗 |
Interview Question
| S.No |
Topic ![]() |
![]() Link ![]() |
| 1. |
500+ React Interview Questions |
🔗 |
| 2. |
161 React Questions |
🔗 |
| 3. |
React Questions |
🔗 |
| 4. |
JavaScript |
🔗 |