ReactJS resources

Guides, plugins and other developer resources for ReactJS - the popular open source Javascript framework.

41 React tools

View all

Inbox Tool

View and manage form submissions from your website inside a Studio Tool.

James Rea
Go to Inbox Tool

Schema Markup

The @operationnation/sanity-plugin-schema-markup is a Sanity Studio plugin that allows you to generate Schema Markup in your Studio. It provides a React component for the FE that makes handling structured data super simple.

Go to Schema Markup

Refine Data Provider

Data provider package for Refine.dev - A low-code open source platform, based on React to generate internal tools, admin panels, dashboards, B2B apps with flexibility in mind.

Hiren F
Go to Refine Data Provider

Sanity Icon Manager

A Sanity plugin for selecting, customizing and managing icons. Powered by Iconify

William Iommi
Go to Sanity Icon Manager

Sanity Iconify

Icon picker with over 150,000 open source vector icons

Wannes Salomé
Go to Sanity Iconify

4 React starters

Clean Next.js + Sanity app

Official(made by Sanity team)

A clean example of Next.js with embedded Sanity ready for recomposition.

Cody Olsen
Go to Clean Next.js + Sanity app

42 React guides

View all

Awesome custom input component for metadata

Add values for title, alt text and description to image assets through a custom input component with validation and all! (Code in JS & TS)

Saskia Bobinska
Go to Awesome custom input component for metadata

How to build a Portfolio Site with Sanity and Next.js

Learn how to build a portfolio site with Sanity and Next.js 13 and also explore how to setup GROQ-powered webhooks for deployment

This is an external link at:www.freecodecamp.org
Victor Eke
Go to How to build a Portfolio Site with Sanity and Next.js

How to dynamically create a sitemap with Sanity and Remix

In this article we explain how we use Sanity and Remix to dynamically create sitemaps. The example used is from Heavybit, a developer tools VC in San Francisco.

This is an external link at:tinloof.com
Tinloof
Go to How to dynamically create a sitemap with Sanity and Remix

147 React projects made with Sanity

View all

Jennifer Fisher

We helped Jennifer Fisher, a Shopify Plus jewelry and lifestyle brand, double their conversion rate by building a fast and fully self-managed online store.

Tinloof
Go to Jennifer Fisher

Fresco Cooks

Fresco Cooks make software for smart appliances

Go to Fresco Cooks

Figma Config

Website for Config, the global design conference by Figma.

Corey Ward
Go to Figma Config

Why Mums Don't Jump

Podcast website, plus blog and custom player. Built with Gatsby with a custom source plugin for TransistorFM.

Paul Brickles
Go to Why Mums Don't Jump

Black History Month Church Activities Micro-Site

A quickly spun-up marketing site for church activities related to Black History Month themes to help centralize all the information for the congregation.

Thomas Z Lukoma
Go to Black History Month Church Activities Micro-Site

ReactJS is a leading Javascript framework for use in developing rich, interactive user interfaces. As one of the most popular and in-demand frameworks in web development, it's increasingly important to add React to your developer toolkkit. Enjoy these guides, tools, plugins, and projects written in React, for use with Sanity studio. There's a lot more here than guides to frontend frameworks! Sanity itself is written in React, so learning the framework in a frontend context (i.e., building React websites) can easily transfer over for use in Sanity, and there are a wide variety of custom React components and plugins for use in Sanity as well.

Other frameworks

All frameworks