Skip to content

A collection of five advanced-level projects using useState and useEffect in React. These exercises focus on handling timers, theme persistence, real-time form validation, inline list editing, and simulating API data management. Projects include a stopwatch, a dark mode toggle, a validated form, an editable list, and a mock API explorer. ๐Ÿš€

Notifications You must be signed in to change notification settings

Espadv69/useState-Advanced

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐Ÿš€ useState-Advance: Mastering State & Effects

Advanced React projects combining useState and useEffect with more complex structures.

๐Ÿ“Œ Projects

  1. ChronoMaster โ€“ A stopwatch that can start, pause, and reset using buttons. Perfect for learning how to manage timers in React.

  2. DarkModeStorage โ€“ A theme switcher that allows users to toggle between light and dark mode, storing their preference in localStorage for persistence.

  3. FormGuard โ€“ A real-time form validation system that ensures user input meets certain criteria, such as a valid email format and a minimum length for the name field.

  4. InlineEditList โ€“ A dynamic list where users can add new items and edit existing ones inline, without needing a separate edit mode.

  5. MockAPIExplorer โ€“ Simulates an API by loading data from a local array and allowing users to filter information dynamically, mimicking a real API request.

About

A collection of five advanced-level projects using useState and useEffect in React. These exercises focus on handling timers, theme persistence, real-time form validation, inline list editing, and simulating API data management. Projects include a stopwatch, a dark mode toggle, a validated form, an editable list, and a mock API explorer. ๐Ÿš€

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published