Adding a React Component to a Quilt

Make your React component part of your front end by adding it to a Quilt.

To add React components to a page, we recommend you use the Page Templates in Aurora Designer. However, you can manually add a React component to a Quilt.

Add a React component to a quilt using page templates

See Page Templates documentation for adding a React component (widget) to a page.

Add a React component to a quilt manually

To add a React component to a quilt manually, you need to update the quilt JSON file.

For example, to add the ReactSample component to the CommunityPage quilt, you need to override or update the override of the CommunityPage.quilt.json file (or a Quilt Template override of it for core-node overrides, once those become available) in the quilts directory.

Here is a sample snippet we used to add the ReactSample component to our Quilt:

{
  "wrapper" : null,
  "id" : "custom.widget.CatFactToast"
}