Article ListThis represents a paginated list of articles. These articles typically appear on a page, associated to a particular author or topic. An article list is composed of many other packages such as card, article summary and link. These components are primarily used for the layout of the individual article items themselves.
Infinite ScrollingArticle list utilises the pagination package for this.
Error HandlingThe error view package utilises the React
componentDidCatchlifecycle event to create an
ErrorBoundarywhich handles errors within the article list. This ensures any failing articles do not show in the list, but the list will still show with the page count unchanged.
lazy-loadpackage is used to lazy load images to improve the feeling of a fast page load. Low resolution images are first rendered and then high resolution images are progressively layered on. On browsers that support
IntersectionObserverthe higher resolution images will only be pulled in as they come into the viewport saving bandwidth and mobile resources.
ContributingPlease read CONTRIBUTING.md before contributing to this package
Running the codePlease see our main README.md to get the project running locally
DevelopmentThe code can be formatted and linted in accordance with the agreed standards.
yarn fmt yarn lint
TestingThis package uses yarn (latest) to run unit tests with jest.
Visit the official storybook to see our available article list templates.