This is an example of one way to build component-based pagination with a remote data source in Stencil. It consists of two components:
paginator
, which renders paging controls and dispatches selection events, andpaged-dataset
, which intiates calls to remote data source and displays paged results.
You can view a running example at http://stencil-paged-dataset.surge.sh/.
To start this project, clone into a new directory:
git clone https://github.com/cnunciato/stencil-paged-dataset-example.git
cd stencil-paged-dataset-example
git remote rm origin
and run:
npm install
npm start
To view the build, start an HTTP server inside of the /www
directory.
To watch for file changes during development, run:
npm run dev
To build the app for production, run:
npm run build
To run the unit tests once, run:
npm test
To run the unit tests and watch for file changes during development, run:
npm run test.watch