Difficulty: beginner
Estimated Time: 10 minutes

In this scenario, you will learn how to use PatternFly 4 React components for the first time.

Congratulations! You finished the "PatternFly React basics" course.

Please fill out a quick survey here

Learn more about PatternFly React:

PatternFly React basics

Step 1 of 5

Introducing PatternFly React

PatternFly React is made up of components, layouts and demos.

The PatternFly React library provides a collection of React components you can use to build interfaces with consistent markup, styling, and behavior. In this course, we're going to build a PatternFly card together - starting with content, adding a header and some actions, and concluding with a card footer. You'll learn a little bit about React and how to use PatternFly components together to build a consistent experience. We'll also show how to use PatternFly layouts to put the components together.