---
title: "Working with JS SDK and UI Components"
slug: "working-with-js-sdk-and-ui-components"
abstract: "List of procedures to add widgets to host pages in Sitecore Discover JS SDK for React."
---
# Working with JS SDK and UI Components

You can use the following procedures to add widgets to host pages in Sitecore Discover JS SDK for React:

- [Walkthrough: Setting up the JS SDK in your React project](https://doc.sitecore.com/discover/en/developers/discover-js-sdk-for-react/en/walkthrough--setting-up-the-js-sdk-in-your-react-project.html)
- [Authenticate without domain set up](https://doc.sitecore.com/discover/en/developers/discover-js-sdk-for-react/working-with-js-sdk-and-ui-components/authenticate-without-domain-set-up.html "Authenticate without domain set up")
- [Override content widget configuration](https://doc.sitecore.com/discover/en/developers/discover-js-sdk-for-react/working-with-js-sdk-and-ui-components/override-content-widget-configuration.html "Override content widget configuration")
- [Create custom styled merchandising widget components](https://doc.sitecore.com/discover/en/developers/discover-js-sdk-for-react/working-with-js-sdk-and-ui-components/create-custom-styled-merchandising-widget-components.html "Create custom styled merchandising widget components")
- [Add a frequently bought together recommendation widget](https://doc.sitecore.com/discover/en/developers/discover-js-sdk-for-react/working-with-js-sdk-and-ui-components/add-a-frequently-bought-together-recommendation-widget.html "Add a frequently bought together recommendation widget")
- [Render widget UI components based on page URI](https://doc.sitecore.com/discover/en/developers/discover-js-sdk-for-react/working-with-js-sdk-and-ui-components/render-widget-ui-components-based-on-page-uri.html "Render widget UI components based on page URI")
- [Render widgets by wrapping them in the PageWidgetsProvider component](https://doc.sitecore.com/discover/en/developers/discover-js-sdk-for-react/working-with-js-sdk-and-ui-components/render-widgets-by-wrapping-them-in-the-pagewidgetsprovider-component.html "Render widgets by wrapping them in the PageWidgetsProvider component")
- [Render widgets using the generic widget component](https://doc.sitecore.com/discover/en/developers/discover-js-sdk-for-react/working-with-js-sdk-and-ui-components/render-widgets-using-the-generic-widget-component.html "Render widgets using the generic widget component")
- ???
- [Render widgets with the WidgetsContainer component](https://doc.sitecore.com/discover/en/developers/discover-js-sdk-for-react/working-with-js-sdk-and-ui-components/render-widgets-with-the-widgetscontainer-component.html "Render widgets with the WidgetsContainer component") \[Deprecated\]

> [!note]
> **Notice**
> These React resources can help you with your implementation:
>
> -   To view working examples of widgets, visit the [starter kit website](https://developers.sitecorecloud.io/discover-sdk/react/website) built using Discover JS SDK and UI components packages.
>
> -   You can download or fork its [GitHub repository](https://github.com/Sitecore/Discover-JS-SDK-Starter-kit).