KendoReact GitHub Copilot Extension

Premium

The KendoReact GitHub Copilot extension provides proprietary context for the KendoReact components. The extension works as a React AI code generator and can help you reach new levels of developer productivity. You can get useful tips and generate tailored code snippets that include KendoReact components and API.

Prerequisites

To use the KendoReact GitHub Copilot extension for React, you need to have:

• An active GitHub Copilot subscription. You can enable or configure GitHub Copilot on the Copilot Settings page in your GitHub account.
• A Telerik user account.
• An active DevCraft or KendoReact or a KendoReact trial.
• A React application that includes KendoReact.

Installation

To install the KendoReact Copilot extension:

1. Go to the KendoReact GitHub App page and click the Install button.
2. You will see a list that includes your GitHub account and all GitHub organizations that you are part of. Normally, select your GitHub account.
3. Click the Install & Authorize button. This will authorize the GitHub Copilot extension to integrate with your GitHub account.
4. Enter your GitHub password.
5. You will be redirected to telerik.com. Enter your Telerik account credentials if prompted. This will authorize the GitHub Copilot extension to integrate with your Telerik account.
6. Upon successful Telerik authentication, you will be redirected once again to a page that confirms successful Copilot extension installation.
7. Restart your Copilot-enabled apps (for example, VS Code).
8. Start a new chat session in Copilot.

Usage

When switching between tasks and files, start a new session in a new chat window to avoid polluting the context with irrelevant or outdated information.

To use the KendoReact Copilot extension:

1. Open the GitHub Copilot chat window in your Copilot-enabled app.
2. Choose your preferred mode and model.
   At the time of publishing, Claude Sonnet 4 and GPT-5 produce optimal results.
3. Start your prompt with @kendoreact and type your request. Make sure that @kendoreact is recognized and highlighted, otherwise the extension may not have been installed.
4. If requested, grant permission to the KendoReact extension to read your workspace files.
5. Inspect the output and verify that kendoReact is used.

Using the Copilot Extension with the MCP Server

If you have both the extension and the MCP Server installed, you can use the #kendo-react-assistant handle. The handle works in both Ask and Agent mode and triggers responses from the MCP Server instead of the extension.

Sample Prompts

The following list describes how your prompts may look like:

• "@kendoreact Generate a KendoReact Grid with sorting and paging enabled. Bind the Grid to dummy data."
• "@kendoreact Generate a KendoReact ComboBox that shows a list of products."
• "@kendoreact Show me sample code for a KendoReact Grid with virtual scrolling for the rows and columns."

Visit the KendoReact Prompt Library for more sample prompts.

Usage Limits

A Telerik Subscription license is recommended in order to use the KendoReact AI Coding Assistant without restrictions. Perpetual license holders and trial users can make a limited number of requests per year.

See Also

• KendoReact AI Coding Assistant Intended Use
• KendoReact AI Coding Assistant Recommendations
• GitHub Copilot Tutorials
• KendoReact MCP Server
• KendoReact Prompt Library