~/talk

Patternfly Passes With Flying Colours

Talkat Developers Summit 2021 · 2021-02-18..02-19· [react, component-design]
slides:none on file

Patternfly is an open‑source design system with first‑class React support and ready‑made UX rules; the demo uses create-react-app, installs patternfly/react-core and patternfly/react-table, wires React Router, and calls the Star Wars API to fetch characters. The builder copies demo JSX, creates a reusable layout with a header and sidebar, renders a compact table (uses a 12‑column grid) and an about page; the app compiles and the live demo runs with working links and responsive navigation.

AI-written summary · about

  1. 0:00Introduction to Patternfly
  2. 8:33Live coding setup
  3. 15:27Building the base app
  4. 23:31Enhancing the layout
  5. 27:27Fetching and displaying data
  6. 37:26Creating the about page
  7. 39:53Summary and resources
~/search
type to search 6,249 conferences, 138,987 speakers and 185,172 talks
~/help
cmdctrl k
search every conference, speaker and series
/
focus the filter search
h
home
c
conferences
s
speakers
e
series
t
light / dark — the status bar button does the same
?
this help
esc
close this, then clear every filter — or just the search, while you are typing in it

Ignored while you are typing. Pages without a filter rail have no search to focus.