# react-schemaorg **Repository Path**: mirrors_google/react-schemaorg ## Basic Information - **Project Name**: react-schemaorg - **Description**: Type-checked Schema.org JSON-LD for React - **Primary Language**: Unknown - **License**: Apache-2.0 - **Default Branch**: main - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2020-08-19 - **Last Updated**: 2026-04-04 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README [![react-schemaorg npm version](https://badge.fury.io/js/react-schemaorg.svg)](https://www.npmjs.com/package/react-schemaorg) [![Node.js CI](https://github.com/google/react-schemaorg/actions/workflows/ci.yml/badge.svg)](https://github.com/google/react-schemaorg/actions/workflows/ci.yml) [![Coverage Status](https://coveralls.io/repos/github/google/react-schemaorg/badge.svg?branch=master)](https://coveralls.io/github/google/react-schemaorg?branch=master) # react-schemaorg Easily insert valid Schema.org JSON-LD in your React apps. This library provides `` for plain React apps, and `helmetJsonLdProp()` for use with [``](https://github.com/nfl/react-helmet). Uses [schema-dts](https://github.com/google/schema-dts) for Schema.org TypeScript definitions. Note: This is not an officially supported Google product. ## Usage Install [`react-schemaorg`](https://www.npmjs.com/package/react-schemaorg) and your desired version of [`schema-dts`](https://www.npmjs.com/package/schema-dts): ```sh npm install schema-dts npm install react-schemaorg ``` ### Plain React Usage To insert a simple JSON-LD snippet: ```tsx import { Person } from "schema-dts"; import { JsonLd } from "react-schemaorg"; export function GraceHopper() { return ( item={{ "@context": "https://schema.org", "@type": "Person", name: "Grace Hopper", alternateName: "Grace Brewster Murray Hopper", alumniOf: { "@type": "CollegeOrUniversity", name: ["Yale University", "Vassar College"], }, knowsAbout: ["Compilers", "Computer Science"], }} /> ); } ``` ### Directly creating `