Skip to content

Conversation

Copy link

Copilot AI commented Oct 22, 2025

Overview

This PR updates the React Getting Started tutorial in doc/en/components/general-getting-started.md to demonstrate how to create an application with the IgrGrid component instead of the GeographicMap component.

Changes Made

Component Import Updates

  • Removed: GeographicMap module imports with registration
    import { IgrGeographicMapModule, IgrGeographicMap } from 'igniteui-react-maps'; import { IgrDataChartInteractivityModule } from 'igniteui-react-charts'; IgrGeographicMapModule.register(); IgrDataChartInteractivityModule.register();
  • Added: IgrGrid import with CSS styling
    import { IgrGrid } from 'igniteui-react-grids'; import 'igniteui-react-grids/grids/themes/light/bootstrap.css';

Component Usage Example

Replaced the GeographicMap example with a functional IgrGrid example:

function App() { const data = [ { name: "John", age: 30 }, { name: "Jane", age: 25 }, { name: "Bob", age: 35 } ]; return ( <div style={{ height: "100%", width: "100%" }}> <IgrGrid data={data} autoGenerate="true"> </IgrGrid> </div> ); }

Documentation Updates

  • Updated component reference link from [**GeographicMap**](geo-map.md) to [**Grid**](grids/data-grid.md)
  • Changed descriptive text from "map component" to "grid component"
  • Updated final result description from "interactive map of the world" to "data grid with sample data"
  • Changed sample reference from /maps/geo-map/display-osm-imagery to /{GridSample}/overview

Scope

  • ✅ Changes only affect React-specific code blocks (TypeScript sections)
  • ✅ Blazor and WebComponents sections remain unchanged
  • ✅ Consistent with existing grid documentation patterns
  • ✅ No security vulnerabilities introduced

Fixes the issue by providing React developers with a more relevant and commonly-used component (data grid) in the getting started tutorial.

Original prompt

This section details on the original issue you should resolve

<issue_title>[React] Replace the Geo Map Getting Started tutorial with IgrGrid</issue_title>
<issue_description></issue_description>

<agent_instructions>the getting started topic for React has a tutorial explaining how to create an app with the Infragistics geo map control. Change the tutorial to explain correctly how to add an igrGrid instead.</agent_instructions>

Comments on the Issue (you are @copilot in this section)

Fixes #1738


✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.

Copilot AI and others added 2 commits October 22, 2025 14:51
Co-authored-by: ChronosSF <2188411+ChronosSF@users.noreply.github.com>
Co-authored-by: ChronosSF <2188411+ChronosSF@users.noreply.github.com>
Copilot AI changed the title [WIP] Replace Geo Map tutorial with IgrGrid tutorial [React] Replace Geo Map tutorial with IgrGrid in Getting Started documentation Oct 22, 2025
Copilot AI requested a review from ChronosSF October 22, 2025 14:54
Copilot finished work on behalf of ChronosSF October 22, 2025 14:54
@ChronosSF ChronosSF marked this pull request as ready for review October 28, 2025 11:54
Copy link
Contributor

@dkamburov dkamburov left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Overall looks good

@ChronosSF ChronosSF requested a review from dkamburov October 31, 2025 14:45
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

3 participants