Exercise 1: Counter with useState
Easy react exercise — Counter with useState
Exercise 2: Todo list CRUD
Medium react exercise — Todo list CRUD
Exercise 3: Form controlled inputs
Hard react exercise — Form controlled inputs
Exercise 4: Search filter list
Easy react exercise — Search filter list
Exercise 5: Pagination component
Medium react exercise — Pagination component
Exercise 6: Modal dialog portal
Hard react exercise — Modal dialog portal
Exercise 7: Tooltip hover
Easy react exercise — Tooltip hover
Exercise 8: Tabs controlled
Medium react exercise — Tabs controlled
Exercise 9: Accordion expand
Hard react exercise — Accordion expand
Exercise 10: Dropdown select
Easy react exercise — Dropdown select
Exercise 11: Theme toggle context
Medium react exercise — Theme toggle context
Exercise 12: Auth context provider
Hard react exercise — Auth context provider
Exercise 13: Protected route
Easy react exercise — Protected route
Exercise 14: useFetch custom hook
Medium react exercise — useFetch custom hook
Exercise 15: useLocalStorage hook
Hard react exercise — useLocalStorage hook
Exercise 16: useDebounce hook
Easy react exercise — useDebounce hook
Exercise 17: useMediaQuery hook
Medium react exercise — useMediaQuery hook
Exercise 18: useOnClickOutside
Hard react exercise — useOnClickOutside
Exercise 19: useIntersectionObserver
Easy react exercise — useIntersectionObserver
Exercise 20: Infinite scroll list
Medium react exercise — Infinite scroll list
Exercise 21: Virtualized table
Hard react exercise — Virtualized table
Exercise 22: Drag drop list
Easy react exercise — Drag drop list
Exercise 23: Sortable kanban
Medium react exercise — Sortable kanban
Exercise 24: Chart bar component
Hard react exercise — Chart bar component
Exercise 25: Chart line recharts
Easy react exercise — Chart line recharts
Exercise 26: Calendar month view
Medium react exercise — Calendar month view
Exercise 27: Date picker
Hard react exercise — Date picker
Exercise 28: Time picker range
Easy react exercise — Time picker range
Exercise 29: File upload preview
Medium react exercise — File upload preview
Exercise 30: Image gallery lightbox
Hard react exercise — Image gallery lightbox
Exercise 31: Video player controls
Easy react exercise — Video player controls
Exercise 32: Audio playlist
Medium react exercise — Audio playlist
Exercise 33: Markdown renderer
Hard react exercise — Markdown renderer
Exercise 34: Code syntax highlight
Easy react exercise — Code syntax highlight
Exercise 35: Rich text editor basic
Medium react exercise — Rich text editor basic
Exercise 36: Comment thread nested
Hard react exercise — Comment thread nested
Exercise 37: Notification toast
Easy react exercise — Notification toast
Exercise 38: Snackbar queue
Medium react exercise — Snackbar queue
Exercise 39: Progress steps wizard
Hard react exercise — Progress steps wizard
Exercise 40: Multi step form
Easy react exercise — Multi step form
Exercise 41: Autocomplete search
Medium react exercise — Autocomplete search
Exercise 42: Tag input chips
Hard react exercise — Tag input chips
Exercise 43: Color picker hex
Easy react exercise — Color picker hex
Exercise 44: Rating stars
Medium react exercise — Rating stars
Exercise 45: Slider range dual
Hard react exercise — Slider range dual
Exercise 46: Switch toggle group
Easy react exercise — Switch toggle group
Exercise 47: Checkbox indeterminate
Medium react exercise — Checkbox indeterminate
Exercise 48: Radio group form
Hard react exercise — Radio group form
Exercise 49: Breadcrumb nav
Easy react exercise — Breadcrumb nav
Exercise 50: Sidebar collapsible
Medium react exercise — Sidebar collapsible
Exercise 51: Navbar responsive
Hard react exercise — Navbar responsive
Exercise 52: Footer sitemap
Easy react exercise — Footer sitemap
Exercise 53: Error boundary page
Medium react exercise — Error boundary page
Exercise 54: Suspense loading
Hard react exercise — Suspense loading
Exercise 55: Lazy route split
Easy react exercise — Lazy route split
Exercise 56: Memo optimize list
Medium react exercise — Memo optimize list
Exercise 57: Callback stable child
Hard react exercise — Callback stable child
Exercise 58: Context split perf
Easy react exercise — Context split perf
Exercise 59: Reducer cart state
Medium react exercise — Reducer cart state
Exercise 60: Optimistic update UI
Hard react exercise — Optimistic update UI
Exercise 61: React query cache
Easy react exercise — React query cache
Exercise 62: Mutation invalidate
Medium react exercise — Mutation invalidate
Exercise 63: Server component fetch
Hard react exercise — Server component fetch
Exercise 64: Client island hydrate
Easy react exercise — Client island hydrate
Exercise 65: Form server action
Medium react exercise — Form server action
Exercise 66: Streaming SSR shell
Hard react exercise — Streaming SSR shell
Exercise 67: SEO meta tags
Easy react exercise — SEO meta tags
Exercise 68: Open graph tags
Medium react exercise — Open graph tags
Exercise 69: Sitemap generate
Hard react exercise — Sitemap generate
Exercise 70: RSS feed page
Easy react exercise — RSS feed page
Exercise 71: Storybook stories
Medium react exercise — Storybook stories
Exercise 72: Testing RTL form
Hard react exercise — Testing RTL form
Exercise 73: Testing async UI
Easy react exercise — Testing async UI
Exercise 74: MSW mock API
Medium react exercise — MSW mock API
Exercise 75: Playwright e2e cart
Hard react exercise — Playwright e2e cart
Exercise 76: Accessibility audit axe
Easy react exercise — Accessibility audit axe
Exercise 77: Counter with useState
Medium react exercise — Counter with useState
Exercise 78: Todo list CRUD
Hard react exercise — Todo list CRUD
Exercise 79: Form controlled inputs
Easy react exercise — Form controlled inputs
Exercise 80: Search filter list
Medium react exercise — Search filter list
Exercise 81: Pagination component
Hard react exercise — Pagination component
Exercise 82: Modal dialog portal
Easy react exercise — Modal dialog portal
Exercise 83: Tooltip hover
Medium react exercise — Tooltip hover
Exercise 84: Tabs controlled
Hard react exercise — Tabs controlled
Exercise 85: Accordion expand
Easy react exercise — Accordion expand
Exercise 86: Dropdown select
Medium react exercise — Dropdown select
Exercise 87: Theme toggle context
Hard react exercise — Theme toggle context
Exercise 88: Auth context provider
Easy react exercise — Auth context provider
Exercise 89: Protected route
Medium react exercise — Protected route
Exercise 90: useFetch custom hook
Hard react exercise — useFetch custom hook
Exercise 91: useLocalStorage hook
Easy react exercise — useLocalStorage hook
Exercise 92: useDebounce hook
Medium react exercise — useDebounce hook
Exercise 93: useMediaQuery hook
Hard react exercise — useMediaQuery hook
Exercise 94: useOnClickOutside
Easy react exercise — useOnClickOutside
Exercise 95: useIntersectionObserver
Medium react exercise — useIntersectionObserver
Exercise 96: Infinite scroll list
Hard react exercise — Infinite scroll list
Exercise 97: Virtualized table
Easy react exercise — Virtualized table
Exercise 98: Drag drop list
Medium react exercise — Drag drop list
Exercise 99: Sortable kanban
Hard react exercise — Sortable kanban
Exercise 100: Chart bar component
Easy react exercise — Chart bar component