Inflist, an experiment using PureScript and React

This page summarizes the projects mentioned and recommended in the original post on dev.to

InfluxDB – Built for High-Performance Time Series Workloads
InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now.
www.influxdata.com
featured
Sevalla - Deploy and host your apps and databases, now with $50 credit!
Sevalla is the PaaS you have been looking for! Advanced deployment pipelines, usage-based pricing, preview apps, templates, human support by developers, and much more!
sevalla.com
featured
  1. purescript-inflist

    An infinitely nestable todo list written in PureScript + React

    If you are curious, there is a GitHub repo with a decently commented code and a live example you can play with 😎.

  2. InfluxDB

    InfluxDB – Built for High-Performance Time Series Workloads. InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now.

    InfluxDB logo
  3. Tailwind CSS

    A utility-first CSS framework for rapid UI development.

    And finally, for the styles I opted for the most famous Tailwind CSS.

  4. purescript-halogen

    A declarative, type-safe UI library for PureScript.

    First of all I had to choose what to use to manage the User Interface. I narrowed down to two modules: Halogen and react-basic-hooks (which is a “wrapper” of the unmaintained react-basic). I decided to go with react-basic-hooks just because I work with React on a daily basis and I wanted to understand its interoperability with PureScript. I will 10/10 try Halogen too in the next future since as far as I can see is the most famous and maintained in the PureScript community.

  5. purescript-react-basic-hooks

    An implementation of React hooks on top of purescript-react-basic

    First of all I had to choose what to use to manage the User Interface. I narrowed down to two modules: Halogen and react-basic-hooks (which is a “wrapper” of the unmaintained react-basic). I decided to go with react-basic-hooks just because I work with React on a daily basis and I wanted to understand its interoperability with PureScript. I will 10/10 try Halogen too in the next future since as far as I can see is the most famous and maintained in the PureScript community.

  6. redux-saga

    An alternative side effect model for Redux apps

    The most “unstable” part is probably the logic dealing with the storage. There is a persistence layer inside Inflist passed around as a dependency, and its only implementation is using the Local Storage as anticipated. This layer is executed directly through the React components using native hooks like useAff, and thus managed by the React lifecycle events. This can definitely be improved using a more solid approach from libraries like Redux-Saga.

  7. purescript-react-basic

    An opinionated set of bindings to the React library, optimizing for the most basic use cases

    First of all I had to choose what to use to manage the User Interface. I narrowed down to two modules: Halogen and react-basic-hooks (which is a “wrapper” of the unmaintained react-basic). I decided to go with react-basic-hooks just because I work with React on a daily basis and I wanted to understand its interoperability with PureScript. I will 10/10 try Halogen too in the next future since as far as I can see is the most famous and maintained in the PureScript community.

  8. use-context-selector

    React useContextSelector hook in userland

    Another technology I use regularly is Redux. But this time I wanted to manage the global state in a simpler and clearer way just using React hooks. I decided to go with a simple useReducer combined with theuseContextSelector hook which will avoid the whole application’s re-render caused by the native useContext hook.

  9. Sevalla

    Deploy and host your apps and databases, now with $50 credit! Sevalla is the PaaS you have been looking for! Advanced deployment pipelines, usage-based pricing, preview apps, templates, human support by developers, and much more!

    Sevalla logo
  10. purescript-routing

    A clean, type-safe routing library for PureScript.

    The navigation is handled through purescript-routing which provides an interface for the PushState API and a convenient way to parse the routes starting from a simple ADT:

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts

  • 10+ Stunning React Icon Library

    7 projects | dev.to | 13 Jun 2025
  • MailPlanet🌍: Visualize email origins on a global map

    4 projects | dev.to | 8 Jun 2025
  • How To Build End-To-End AI Voice Agentic App Using AI/ML API and OpenAI Realtime API

    4 projects | dev.to | 13 May 2025
  • 25+ Top UI frameworks & libraries for Next.js

    10 projects | dev.to | 1 May 2025
  • Less Code, More Flow: Streamline your Frontend Workflow with Shadcn/UI

    3 projects | dev.to | 24 Apr 2025