Onsen UI 2.10 has just been released, and with it comes a much-requested feature: expandable list items! Also known as expansion panels or accordions, expandable list items are much like regular items in an Onsen UI list, except that they can be expanded to reveal hidden content. They’re really easy to add into your existing Onsen UI applications, and in this article I’ll be showing you how to do just that, as well as providing an example app that uses this new feature.

Image for post
Image for post

Basic usage

Expandable list items in Onsen UI are actually just an extension to regular list items. You can make a regular ons-list-item into an expandable list item by setting the expandable


Image for post
Image for post

Writing JavaScript applications that behave the way you want them to is difficult. Because JavaScript is dynamically typed, the programmer usually gets no indication from the interpreter if there is a bug in his program.

In this article, I’m going to demonstrate a way to develop JavaScript applications using the dependently-typed functional programming language Idris. A dependent type is a type whose definition depends on another value. You can define very precise types in Idris and catch a lot of errors at compile time. Idris is particularly good for writing programs based on state machines. I’ll show how to create a simple battle game using Idris, and internally model the game as a state machine. …

Eric Corson

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store