"Using input fields" guide

[louiscenter]

This guide will introduce developers to the very basics of wiring up input fields to their application's state. A more advanced guide describing complex form structures will follow, but this tutorial will describe how to create the most basic of interactive forms.

[bendik]

great stuff 🙌 noticed the 'e' parameter explenation could be an unabbrivated event and proceed to explain that the target is a reference to the element triggering the event

[bcomnes]

Really great work! Just gave it a light read through.

[yoshuawuyts]

Screenreader friendly version:

<label for="lion">The Lion says</label>

[louiscenter]

Good suggestion! ✨

[yoshuawuyts]

Not sure if relevant in this situation; but setting a default value from state might make sense - that way on re-renders the value isn't cleared. Not sure if it matters too much here tho

<input value=${state.lion} />

[louiscenter]

A default value is set on this element a few paragraphs later. I wanted to make a point to the reader that not setting a value property might break things, especially if you're re-rendering frequently.

[louiscenter]

@bendik you're probably right about the e variable, it might not hurt to rename this to event. There already is a description of what this object is:

Below our template, we've created a new function called updateLion(). It has one parameter, e, which contains information about the <input /> field that initially triggered the function

Should I expand on this more? There's a bit of a description about what these event reference objects do in the first guide, your-first-choo-app, but it might not hurt to re-iterate this.

[bendik]

@louiscenter Good to hear it's explained in the your-first-choo-app tutorial. I was assuming the guide was covering browser event first-timers (not that there are a lot of those around these woods), but I'd try to avoid a sentence that associate the parameter only with the element, since it contains more than that. No need to elaborate this really ✨ unless you 💪🤔 cute