Programming Elm

Embed an Elm Application

Let’s set the scene. At work, you’re maintaining a productivity application that includes a calendar, contact management, note-taking tool, and more. The application is built with JavaScript and React.^[20]

Your product manager creates a new ticket to let users upload images to notes. You like React, but you miss Elm’s benefits such as type safety and no runtime exceptions. You can’t rewrite the entire application in Elm, but you convince your boss to let you add the new feature with Elm.

In this section, you will display an initial image upload button with Elm. You will start small by embedding an Elm application inside a React application. In later sections, you will build upon your work to upload images. Don’t worry ...