An Elm Primer for React Developers
/
Part III: Building Real Applications
/
Chapter 11: Forms and Validation
Chapter 11: Forms and Validation
https://leanpub.com/elm-for-react-devs
A Simple Contact Form
https://leanpub.com/elm-for-react-devs
The Model
https://leanpub.com/elm-for-react-devs
Messages for User Input
https://leanpub.com/elm-for-react-devs
The Update Function
https://leanpub.com/elm-for-react-devs
The View
https://leanpub.com/elm-for-react-devs
Putting It Together
https://leanpub.com/elm-for-react-devs
When Validation Enters the Picture
https://leanpub.com/elm-for-react-devs
The Model Expands
https://leanpub.com/elm-for-react-devs
Validation Functions
https://leanpub.com/elm-for-react-devs
The Update Function Now Validates
https://leanpub.com/elm-for-react-devs
The View Gets Cluttered
https://leanpub.com/elm-for-react-devs
The Boilerplate Inventory
https://leanpub.com/elm-for-react-devs
Questions Worth Asking
https://leanpub.com/elm-for-react-devs
Finding the Right Abstraction
https://leanpub.com/elm-for-react-devs
What We Want
https://leanpub.com/elm-for-react-devs
The Shape of a Solution
https://leanpub.com/elm-for-react-devs
A Practical Example
https://leanpub.com/elm-for-react-devs
How Validators Work
https://leanpub.com/elm-for-react-devs
Composing Validators
https://leanpub.com/elm-for-react-devs
Input Transformation
https://leanpub.com/elm-for-react-devs
What This Abstraction Trades Away
https://leanpub.com/elm-for-react-devs
Phantom Types in Action
https://leanpub.com/elm-for-react-devs
What We Learned
https://leanpub.com/elm-for-react-devs
Up next
Chapter 12: Building a Feedback Wizard
In this chapter
Chapter 11: Forms and Validation
A Simple Contact Form
When Validation Enters the Picture
Finding the Right Abstraction
What We Learned