Skip to content

add react-hooks-demo play demonstrating core React hooks#1696

Open
IT0506 wants to merge 1 commit intoreactplay:mainfrom
IT0506:main
Open

add react-hooks-demo play demonstrating core React hooks#1696
IT0506 wants to merge 1 commit intoreactplay:mainfrom
IT0506:main

Conversation

@IT0506
Copy link

@IT0506 IT0506 commented Mar 6, 2026

Before creating this PR, please confirm the following:


First thing, PLEASE READ THIS: ReactPlay Code Review Checklist

Description

This PR adds a new Play called "React Hooks Demo".

It demonstrates the following hooks:

  • useState (counter)
  • useEffect (timer)
  • useMemo (expensive calculation optimization)
  • useRef (input focus)
  • useCallback (memoized function)

The play provides simple interactive examples to help beginners understand how these hooks work.

Type of change

  • New feature (non-breaking change which adds functionality)

This PR adds a new Play called "React Hooks Demo".

It demonstrates the following hooks:
- useState (counter)
- useEffect (timer)
- useMemo (expensive calculation optimization)
- useRef (input focus)
- useCallback (memoized function)

The play provides simple interactive examples to help beginners understand how these hooks work.

Signed-off-by: Ifraah Tabassum <81137447+IT0506@users.noreply.github.com>
@netlify
Copy link

netlify bot commented Mar 6, 2026

👷 Deploy request for reactplayio pending review.

Visit the deploys page to approve it

Name Link
🔨 Latest commit bbb4dd6

Copy link

@github-actions github-actions bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hey! contributor, thank you for opening a Pull Request 🎉.

@reactplay/maintainers will review your submission soon and give you helpful feedback. If you're interested in continuing your contributions to open source and want to be a part of a welcoming and fantastic community, we invite you to join our ReactPlay Discord Community.
Show your support by starring ⭐ this repository. Thank you and we appreciate your contribution to open source!
Stale Marking : After 30 days of inactivity this issue/PR will be marked as stale issue/PR and it will be closed and locked in 7 days if no further activity occurs.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant