Ionic 4 List Example

This project accompanies the Jameson Saunders YouTube video Ionic 4 List Tutorial as well as the blog article Ionic 4 List Tutorial.

Ionic 4 List Tutorial

A minimal example of how to get the Ionic 4 List working on your own site, including item sliding.

If you haven't already, check out the Jameson Saunders YouTube Channel for web development tutorials.

Installation

Download or clone this project, then run npm i from the project directory to install its dependencies. Not familiar with NPM? Check out my NPM Tutorial.

Development server

Run ionic serve -c for a dev server. Navigate to http://localhost:8100/. The app will automatically reload if you change any of the source files.

You can also view the app in the Ionic DevApp from your mobile device: Ionic DevApp Tutorial.

Ionic DevApp Tutorial

Building

Some Ionic features only work in a native build.

ionic cordova build ios

ionic cordova run android

For a full tutorial on building from Mac, see this video: Ionic 4 Build App - IOS, Android, Web (Mac tutorial).

Ionic 4 Build App - IOS, Android, Web (Mac tutorial)

For a full tutorial on building from Windows, see this video: Ionic 4 Build App - Android (Windows tutorial).

Ionic 4 Build App - Android (Windows tutorial)

Further help

To get more help on the Ionic CLI use ionic help or go check out the Official Ionic Guide.