https://github.com/danvk/react-inputs-toy
A toy demonstration of uncontrolled inputs in React.js
https://github.com/danvk/react-inputs-toy
Last synced: about 1 year ago
JSON representation
A toy demonstration of uncontrolled inputs in React.js
- Host: GitHub
- URL: https://github.com/danvk/react-inputs-toy
- Owner: danvk
- License: apache-2.0
- Created: 2015-03-10T16:57:08.000Z (over 11 years ago)
- Default Branch: master
- Last Pushed: 2015-03-10T18:18:10.000Z (over 11 years ago)
- Last Synced: 2025-03-03T06:28:05.704Z (over 1 year ago)
- Language: JavaScript
- Size: 168 KB
- Stars: 3
- Watchers: 4
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# react-inputs-toy
A toy demonstration of uncontrolled inputs in React.js.
This creates two synchronized inputs:
1. The slider is [controlled][]. Dragging it results in immediate updates.
2. The text box is uncontrolled. This allows typing in the text box without
updating the UI until desired.
![][gif]
Check out [app.js][] to see how it works.
To play with this on your own machine, run:
```bash
git clone https://github.com/danvk/react-inputs-toy.git
cd react-inputs-toy
npm install
bower install
gulp watch
```
and then visit `http://localhost:9000/`.
[gif]: animation.gif
[controlled]: http://facebook.github.io/react/docs/forms.html#controlled-components
[app.js]: app/scripts/app.js