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 ClickedCopy 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

Previous

Chapter 7: JSON Decoders and Type Safety

Up next

Chapter 9: Organizing Files and Modules