Components in JSS apps

Version: 22.x

A JSS component is much like a regular front-end component, defined in your library of choice.

Unlike regular JavaScript components, JSS components have properties that contain the content data. When working connected to a SitecoreAI instance in development or production mode, that data comes from Sitecore endpoints.

JSS components are also dynamically bound to routes. You must never directly instantiate or render a component, because the JSS infrastructure handles instantiation based on layout data.

Every rendering in a SitecoreAI page that you render in a JSS app must have a corresponding component in the JSS app. The component must be added to the route by name. This enables JSS to register the component with SitecoreAI and provide appropriate infrastructure to give it the content that it needs to render. The data structure of the component is based on fields defined in the data template of the SitecoreAI rendering.

For information about working with JSS components, refer to the following topics:

Do you have some feedback for us?

If you have suggestions for improving this article,