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
Chapter 13: Routing and Navigation
Chapter 14: State Patterns at Scale
Chapter 15: Testing Strategies
Chapter 16: The Elm Ecosystem for React Developers

Part IV

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

An Elm Primer for React Developers/Part III: Building Real Applications/Chapter 13: Routing and Navigation

Chapter 13: Routing and Navigation

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

From Element to Application

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

Modeling Routes as Types

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

Parsing URLs

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

Building URLs

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

The Application Structure

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

Handling Navigation

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

A Page Module

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

Comparing to React Router

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

The Complete Example

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

Wrapping up

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

Up next

Chapter 14: State Patterns at Scale

In this chapter

Chapter 13: Routing and Navigation
From Element to Application
Modeling Routes as Types
Parsing URLs
Building URLs
The Application Structure
Handling Navigation
A Page Module
Comparing to React Router
The Complete Example
Wrapping up