Intro to the DataViews component

DataViews is a new UI component developed by core to display a dataset using different layouts and letting users interact with it (searching, sorting, filtering, field handling, etc.).

It currently powers some of the Site Editor screens such as Patterns, Pages, or Templates. Its goal is to provide a coherent user experience for managing datasets across the WordPress product. While it’s still an evolving component, it’s available for anyone to use.

In this workshop, we’ll explore the fundamental abstractions (views, fields, data, actions) by building some examples, from basic to advanced. The content of this session is relevant to anyone who aims to display a dataset in their plugin page or personal project. It’d also help participants to familiarize themselves with the component and how it’s organized, so they can also make contributions to core.

Materials will be provided to follow the workshop. We recommend participants to be familiar with React development to make the most of the session.

Speakers

By André Maneiro

I'm a software developer based in Galiza, Spain.

I work full-time on the open-source projects Gutenberg & WordPress, sponsored by Automattic. In the past years, I've made contributions to several components, such as API docs generation, Block Styles, Global Styles, server-side performance, or DataViews.

In March 2023, I became a WordPress core committer.