react.dev icon indicating copy to clipboard operation
react.dev copied to clipboard

Published 20 hours ago • verified publisher icon reactjs

Contributing Controlled-components mental-model diagrams

Open abernier opened this issue 3 years ago • 0 comments
trafficstars

Hi,

I don't really know where this could be integrated into the documentation, but I've created some visuals to explain step-by-step what really happens when interacting with a Controlled-component, for each field type:

  • text field Textfield controlled-component
  • select: Select controlled-component
  • multiple select: SelectMultiple controlled-component
  • checkbox: Checkbox controlled-component
  • radio: RadioButtons controlled-component

I'd love to contribute those diagrams to the reactjs.org project if you think it can be useful.

I have them in SVG I can edit/adapt them as needed I can easily create a PR

abernier avatar Sep 07 '22 10:09 abernier