Skip to content

985529: Controls getting started changes committed #821

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 2 commits into from
Oct 6, 2025
Merged

985529: Controls getting started changes committed #821

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
690dede
Controls getting started changes committed
Shyam-SF5073 Oct 6, 2025
cffc146
Document changes done in HTML file and other files
Shyam-SF5073 Oct 6, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 4 additions & 4 deletions ej2-react-toc.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,11 +20,11 @@
</ul>
</li>
<li>
AI Developer Tools
AI Coding Assistants
<ul>
<li><a href="/ej2-react/ai-developer-tools/overview">Overview</a></li>
<li><a href="/ej2-react/ai-developer-tools/mcp-server">MCP Server</a></li>
<li><a href="/ej2-react/ai-developer-tools/copilot-extension">Copilot Extension</a></li>
<li><a href="/ej2-react/ai-coding-assistants/overview">Overview</a></li>
<li><a href="/ej2-react/ai-coding-assistants/mcp-server">MCP Server</a></li>
<li><a href="/ej2-react/ai-coding-assistants/copilot-extension">Copilot Extension</a></li>
</ul>
</li>
<li>
Expand Down
200 changes: 100 additions & 100 deletions ...t/ai-developer-tools/copilot-extension.md → ...ai-coding-assistants/copilot-extension.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,100 +1,100 @@
---
layout: post
title: SyncfusionReact GitHub Copilot Extension | Syncfusion
description: Learn how the SyncfusionReact GitHub Copilot extension enhances your React development with intelligent code suggestions, best practices, contextual guidance.
control: Getting started with SyncfusionReact copilot extension
platform: ej2-react
documentation: ug
domainurl: ##DomainURL##
---
# SyncfusionReact GitHub Copilot Extension
## Overview
The [SyncfusionReact GitHub Copilot Extension](https://github.com/apps/syncfusionreact) provides intelligent assistance for developers using Syncfusion's React component libraries. This extension seamlessly integrates with GitHub Copilot to enhance your development workflow.
### What is a GitHub Copilot Extension?
A GitHub Copilot extension enhances Copilot's capabilities by integrating specialized, third-party tools and knowledge directly into the chat interface. It allows Copilot to access specific data, APIs, and services—such as a component vendor's official documentation—to provide more accurate, context-aware, and relevant assistance for a developer's specific technology stack.
### Key Benefits
* Smart code suggestions for Syncfusion<sup style="font-size:70%">&reg;</sup> React components.
* Best practice guidance for component usage and configuration.
* Context-aware troubleshooting for complex scenarios.
## Prerequisites
Before using this extension, ensure you have:
* [Github copilot](https://github.com/copilot/)
* An active Syncfusion<sup style="font-size:70%">&reg;</sup> license (any of the following):
- [Commercial License](https://www.syncfusion.com/sales/unlimitedlicense)
- [Free Community License](https://www.syncfusion.com/products/communitylicense)
- [Free Trial](https://www.syncfusion.com/account/manage-trials/start-trials)
* An active [API KEY](https://syncfusion.com/account/api-key)
## Unlimited Access
Syncfusion<sup style="font-size:70%">&reg;</sup> offers unlimited access to this copilot extension. There are no restrictions on:
* Number of requests
* Components usage
* Query types
* Usage duration
This ensures users can fully leverage Syncfusion<sup style="font-size:70%">&reg;</sup> components to enhance their development experience without limitations.
## Installation
* Visit the [SyncfusionReact GitHub App](https://github.com/apps/syncfusionreact) and click **Install**.
* Grant the required read-access permissions to allow the extension to function with Copilot chat.
* Click **Install & Authorize**.
* Sign in with your Syncfusion<sup style="font-size:70%">&reg;</sup> account to authenticate and link the extension to your GitHub account. The API key is automatically retrieved upon successful authentication.
* Restart your development environment (e.g., VS Code or GitHub Copilot) and start a new Copilot chat session to use the extension.
## Getting Started
* Open the chat panel in a supported environment like [GitHub Copilot](https://github.com/copilot) or VSCode Copilot.
* Type `@` in the chat prompt and select the `SyncfusionReact` from the list of extensions.
* Enter a query related to Syncfusion<sup style="font-size:70%">&reg;</sup> React components (e.g., configuration, implementation, or troubleshooting).
### Mode availability in VS code
Syncfusion<sup style="font-size:70%">&reg;</sup> Copilot extension provide full access to all AI interaction modes — Ask, Edit, and Agent — when integrated with VS code.
### Best Practices for Effective Usage
1. `Be specific`: Mention both platform and component (e.g., "How do I create a Syncfusion React Grid with paging and filtering?").
2. `Provide context`: Include details about your use case for more targeted solutions.
3. `Use descriptive queries`: Avoid vague questions that lack necessary context.
4. `Start fresh for new topics`: Begin a new chat session when switching components or topics.
## Example Queries
Here are some examples of queries you can use with the Syncfusion<sup style="font-size:70%">&reg;</sup> Copilot extensions:
* "@SyncfusionReact Create a Syncfusion data grid with paging and sorting"
* "@SyncfusionReact How do I implement a responsive Syncfusion chart with tooltips?"
* "@SyncfusionReact Show me a Syncfusion Kanban board implementation with drag and drop"
## Uninstallation
To remove the extension from your account:
* Go to [GitHub App Installations](https://github.com/settings/installations/).
* Locate the `SyncfusionReact` extension in the list.
* Click `Configure`, then select `Uninstall`.
## Support
* [Support tickets](https://support.syncfusion.com/support/tickets/create) - Guaranteed Response in 24 hours \| Unlimited tickets \| Holiday support
* [Community forum](https://www.syncfusion.com/forums/essential-js2)
* [Request feature or report bug](https://www.syncfusion.com/feedback/javascript)
* Live chat
## See also
* [Syncfusion<sup style="font-size:70%">&reg;</sup> React Documentation](https://ej2.syncfusion.com/react/documentation)
* [Github Copilot Documentation](https://docs.github.com/en/copilot)
---
layout: post
title: SyncfusionReact GitHub Copilot Extension | Syncfusion
description: Learn how the SyncfusionReact GitHub Copilot extension enhances your React development with intelligent code suggestions, best practices, contextual guidance.
control: Getting started with SyncfusionReact copilot extension
platform: ej2-react
documentation: ug
domainurl: ##DomainURL##
---

# SyncfusionReact GitHub Copilot Extension

## Overview

The [SyncfusionReact GitHub Copilot Extension](https://github.com/apps/syncfusionreact) provides intelligent assistance for developers using Syncfusion's React component libraries. This extension seamlessly integrates with GitHub Copilot to enhance your development workflow.

### What is a GitHub Copilot Extension?

A GitHub Copilot extension enhances Copilot's capabilities by integrating specialized, third-party tools and knowledge directly into the chat interface. It allows Copilot to access specific data, APIs, and services—such as a component vendor's official documentation—to provide more accurate, context-aware, and relevant assistance for a developer's specific technology stack.

### Key Benefits

* Smart code suggestions for Syncfusion<sup style="font-size:70%">&reg;</sup> React components.
* Best practice guidance for component usage and configuration.
* Context-aware troubleshooting for complex scenarios.

## Prerequisites

Before using this extension, ensure you have:

* [Github copilot](https://github.com/copilot/)
* An active Syncfusion<sup style="font-size:70%">&reg;</sup> license (any of the following):
- [Commercial License](https://www.syncfusion.com/sales/unlimitedlicense)
- [Free Community License](https://www.syncfusion.com/products/communitylicense)
- [Free Trial](https://www.syncfusion.com/account/manage-trials/start-trials)
* An active [API KEY](https://syncfusion.com/account/api-key)

## Unlimited Access

Syncfusion<sup style="font-size:70%">&reg;</sup> offers unlimited access to this copilot extension. There are no restrictions on:

* Number of requests
* Components usage
* Query types
* Usage duration

This ensures users can fully leverage Syncfusion<sup style="font-size:70%">&reg;</sup> components to enhance their development experience without limitations.

## Installation

* Visit the [SyncfusionReact GitHub App](https://github.com/apps/syncfusionreact) and click **Install**.
* Grant the required read-access permissions to allow the extension to function with Copilot chat.
* Click **Install & Authorize**.
* Sign in with your Syncfusion<sup style="font-size:70%">&reg;</sup> account to authenticate and link the extension to your GitHub account. The API key is automatically retrieved upon successful authentication.
* Restart your development environment (e.g., VS Code or GitHub Copilot) and start a new Copilot chat session to use the extension.

## Getting Started

* Open the chat panel in a supported environment like [GitHub Copilot](https://github.com/copilot) or VSCode Copilot.
* Type `@` in the chat prompt and select the `SyncfusionReact` from the list of extensions.
* Enter a query related to Syncfusion<sup style="font-size:70%">&reg;</sup> React components (e.g., configuration, implementation, or troubleshooting).

### Mode availability in VS code

Syncfusion<sup style="font-size:70%">&reg;</sup> Copilot extension provide full access to all AI interaction modes — Ask, Edit, and Agent — when integrated with VS code.

### Best Practices for Effective Usage

1. `Be specific`: Mention both platform and component (e.g., "How do I create a Syncfusion React Grid with paging and filtering?").
2. `Provide context`: Include details about your use case for more targeted solutions.
3. `Use descriptive queries`: Avoid vague questions that lack necessary context.
4. `Start fresh for new topics`: Begin a new chat session when switching components or topics.

## Example Queries

Here are some examples of queries you can use with the Syncfusion<sup style="font-size:70%">&reg;</sup> Copilot extensions:

* "@SyncfusionReact Create a Syncfusion data grid with paging and sorting"
* "@SyncfusionReact How do I implement a responsive Syncfusion chart with tooltips?"
* "@SyncfusionReact Show me a Syncfusion Kanban board implementation with drag and drop"

## Uninstallation

To remove the extension from your account:

* Go to [GitHub App Installations](https://github.com/settings/installations/).
* Locate the `SyncfusionReact` extension in the list.
* Click `Configure`, then select `Uninstall`.

## Support

* [Support tickets](https://support.syncfusion.com/support/tickets/create) - Guaranteed Response in 24 hours \| Unlimited tickets \| Holiday support
* [Community forum](https://www.syncfusion.com/forums/essential-js2)
* [Request feature or report bug](https://www.syncfusion.com/feedback/javascript)
* Live chat

## See also

* [Syncfusion<sup style="font-size:70%">&reg;</sup> React Documentation](https://ej2.syncfusion.com/react/documentation)
* [Github Copilot Documentation](https://docs.github.com/en/copilot)
Loading