React mini assignment

Birthday Reminder

  • useState

Tours

  • useState
  • useEffect and Conditional Rendering

Reviews

  • useState
  • useEffect and Conditional Rendering

Q&A

  • useState
  • useEffect and Conditional Rendering

Menu filter

  • useState
  • .map(),.filter(), new Set with spread operator

Job Tabs

  • useState
  • .map(), conditional style for active tab

Slider

  • useState
  • auto slider with useEffect, and setInterval

lorem-form

  • useState
  • form, map and conditional results

color generator

  • useState,useEffect,Form
  • npm i values.js, navigator.clipboard.writeText

Grocery list

  • useState,useEffect,Form
  • local storage

Nav bar

  • useState,useEffect,useRef
  • dynamic style, map nav-data

Modal

  • useState, map nav-data
  • useContext, customHook

Navbar Submenu & Sidebar

  • useState, map nav-data
  • useContext, dynamic submenu container

    useState

  1. Birthday Reminder
  2. useEffect and Conditional Rendering

  3. Tours
  4. Reviews
  5. Questions
  6. Menu
  7. Tabs
  8. Slider
  9. Forms

  10. Lorem Ipsum Generator
  11. Color Shades Generator
  12. Grocery Bud
  13. useRef

  14. Navbar
  15. useContext

  16. Modal And Sidebar
  17. Stripe Submenus
  18. useReducer and useContext

  19. Cart
  20. React Router and useCallback

  21. Cocktails
  22. Advanced Projects

  23. Markdown Preview
  24. Random Person
  25. Pagination
  26. Stock Photos
  27. Dark Mode
  28. Movie DB
  29. Hacker News
  30. Quiz