Hasty Treat - Client vs Server Data Validation

<p class="has-line-data" data-line-start="7" data-line-end="8">In this Hasty Treat, Scott and Wes talk about client- and server-side validation, and what each is used for!</p> <h2 class="code-line" data-line-start="9" data-line-end="10"><a id= "Netlify__Sponsor_9" name="Netlify__Sponsor_9"></a>Netlify - Sponsor</h2> <p class="has-line-data" data-line-start="10" data-line-end="11"> Netlify is the best way to deploy and host a front-end website. All the features developers need right out of the box: Global CDN, Continuous Deployment, one click HTTPS and more. Hit up <a href= "https://netlify.com/syntax">netlify.com/syntax</a> for more info.</p> <h2 class="code-line" data-line-start="12" data-line-end="13"> <a id="Show_Notes_12" name="Show_Notes_12"></a>Show Notes</h2> <p class="has-line-data" data-line-start="14" data-line-end="15"> 02:49 - Wes’ story</p> <p class="has-line-data" data-line-start="16" data-line-end="17"> 06:28 - What is the role of client-side validation?</p> <ul> <li class="has-line-data" data-line-start="17" data-line-end="18"> Help the user input the correct data as they type it.</li> <li class="has-line-data" data-line-start="18" data-line-end="19"> Show correct data in UI.</li> <li class="has-line-data" data-line-start="19" data-line-end="20"> Show correct UI.</li> <li class="has-line-data" data-line-start="20" data-line-end="22"> Just about all of these things are for the user’s benefit, and how they feel when using the site.</li> </ul> <p class="has-line-data" data-line-start="22" data-line-end="23"> 11:10 - What is the role of server-side validation?</p> <ul> <li class="has-line-data" data-line-start="23" data-line-end="24"> Validate that all the data is correct before it’s saved to the database</li> <li class="has-line-data" data-line-start="24" data-line-end="26"> Security first and foremost</li> </ul> <p class="has-line-data" data-line-start="26" data-line-end="27"> 15:03 - What process should a store follow to validate on the server?</p> <ol> <li class="has-line-data" data-line-start="27