The release of Phoenix v1.6 offers notable improvements to the frontend tooling. With the adoption of esbuild, Phoenix support for TypeScript comes out of the box. In this tutorial, we’ll develop the basic functionality of a to-do list app with Phoenix, React, and TypeScript.

16m read timeFrom blog.logrocket.com
Post cover image
Table of contents
Table of contentsPrerequisitesInstall PhoenixSetting up our Phoenix applicationUsing TypeScript with PhoenixUsing React with PhoenixBuilding our to-do list appCreating the to-do list schemaAdding React to our Phoenix and TypeScript appOver 200k developers use LogRocket to create better digital experiencesCreating the to-do list componentsWiring up the to-do list APISeeding the databaseComplete and remove a taskAdd a new taskConclusionLogRocket : Full visibility into your production React appsLogRocket : Full visibility into your web and mobile apps

Sort: