An Elm Primer for React Developers

Christian Ekrem

This is a sample of the book's content.Buy on Leanpub

Table of Contents

Introduction

Introduction
About the Author

Part I: From React to Elm: Getting Started

Chapter 1: Elm: Delightful Constraints
Chapter 2: The Elm Architecture – A Recipe for Reliable Apps
Chapter 3: Your First Elm App
Chapter 4: Starting Small: Elm in Your React Codebase

Part II: The Outside World: Randomness, APIs, and JavaScript

Chapter 5: Commands and Randomness
Chapter 6: HTTP and Remote Data
Chapter 7: JSON Decoders and Type Safety
Chapter 8: JavaScript Interop: Ports and Flags

Part III: Building Real Applications

Chapter 9: Organizing Files and Modules
Chapter 10: Modules Around Data Structures
Chapter 11: Forms and Validation
Chapter 12: Building a Feedback Wizard

Parts III-V

What’s Coming
Appendix B: The Scary Words You Already Understand

An Elm Primer for React Developers/Part II: The Outside World: Randomness, APIs, and JavaScript/Chapter 8: JavaScript Interop: Ports and Flags

Chapter 8: JavaScript Interop: Ports and Flags

https://leanpub.com/elm-for-react-devs

JavaScript as Infrastructure

https://leanpub.com/elm-for-react-devs

Upgrading Our Build for Manual Bootstrapping

https://leanpub.com/elm-for-react-devs

Flags as Program Input

https://leanpub.com/elm-for-react-devs

A Simple Flag Example

https://leanpub.com/elm-for-react-devs

Optional Flags

https://leanpub.com/elm-for-react-devs

Common Flag Patterns

https://leanpub.com/elm-for-react-devs

Ports for Communicating with JavaScript

https://leanpub.com/elm-for-react-devs

Adding Clipboard Support to the LGTM Generator

https://leanpub.com/elm-for-react-devs

Step one: adding an outbound port (Elm -> JS) carrying a String

https://leanpub.com/elm-for-react-devs

Step two: mapping the `CopyToClipboard` `Msg` to our outbound port

https://leanpub.com/elm-for-react-devs

Step three: receiving messages in JavaScript land

https://leanpub.com/elm-for-react-devs

Step four: sending messages from JavaScript to Elm

https://leanpub.com/elm-for-react-devs

What You Just Learned

https://leanpub.com/elm-for-react-devs

Up next

Chapter 9: Organizing Files and Modules

In this chapter

Chapter 8: JavaScript Interop: Ports and Flags
JavaScript as Infrastructure
Upgrading Our Build for Manual Bootstrapping
Flags as Program Input
Ports for Communicating with JavaScript
Adding Clipboard Support to the LGTM Generator
What You Just Learned