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.

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

ReactJS resources

Plugins, guides, starters and other developer resources for ReactJS - the popular open source Javascript framework.

React & Sanity.io | Developer resources

React

Tinloof

Leverage Netlify Scheduled Functions to automate tasks.

How to create a Netlify cron job that crawls data and saves it on Sanity

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.

How to dynamically create a sitemap with Sanity and Remix

Andrew Kumar

In this guide, we'll cover live preview, edit in context, local development, and deploy processes with Stackbit and Sanity.

Stackbit + Sanity: architecture overview

Sean C Davis

This guide covers the high-level process of adding Stackbit to an existing project that uses Sanity as its content source.

Stackbit docs: adding Stackbit to a Sanity-powered website

We use Sanity to build fast websites that rank on the Google search engine and attract users.  A/B testing is a great way to find out what content fits better with your target users, so integrating it on Sanity is a great way to test your content with real users before going live with them.

A/B testing with Sanity and LaunchDarkly

At Tinloof, we aim to create websites that retain users, and tracking their interactions is key to making that happen.  We’ll explain in this article the analytics possibilities with Sanity and how we make them possible in our projects.

Analytics with Sanity

Sanity is a content platform that is used to unify, structure, and deliver the content of an organization.  We regularly use it as a headless CMS for our clients to control the content and layout of their websites, whose frontend is usually built with a framework like Remix or Next.js.

Guide to content creation with Sanity

Even though we like Contentful and still use it in some of our projects if it’s the client's preference, Sanity is our headless CMS solution of choice.  In this article, we'll explain 5 reasons why we prefer Sanity.

Why we prefer Sanity over Contentful

You want to create an international website by either translating content from one language to others or publishing content that is only relevant to a specific locale.  Let's see how we achieve that with Sanity.

Localization with Sanity

When we build a website with Sanity, we configure SEO best practices to rank higher on search engine result pages.

SEO best practices on Sanity

Dan Malone

Arjen Scherff-de Water

Fresco Cooks make software for smart appliances

Fresco Cooks

Corey Ward

Website for Config, the global design conference by Figma.

Figma Config

Paul Brickles

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

Why Mums Don't Jump

Thomas Z Lukoma

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

Black History Month Church Activities Micro-Site

Kevin Green

Complete rebuild of the site on Hydrogen + Sanity. The new experience offers extensive modularity, scheduling, custom product bundling and various editorial options for clps. 

Baboon to the Moon

Match Cards is a memory game built as a PWA (Progressive Web App) and available on desktop, App Store and Google Play Store.

Match Cards

Ecommerce built with Shopify, Sanity, and Remix.

Tinloof Store

Thibaut Narivelo

Rhoume for_Room

Terrell Singleton

Website built using my Sanity Website builder

Health & Wellness Site

Johan Petrikovsky

Everything you need to know about swimming pools

Piscine Nice

Robin Pyon

Nina Andal Aarvik

Rita Dias

A Sanity-powered personal website with built-in content editing and instant previews.

Personal Website with Built-in Content Editing

Cody Olsen

A Sanity-powered blog with built-in content editing and instant previews.

Blog with Built-in Content Editing

Implements a slider component for number ranges

Input Slider

Rein Undheim

Allows you to use the remove.bg api from the studio to remove the background from your images

Remove.bg Asset Source

Natalie Marleny

Plugin to see which documents reference a particular document 

Referenced By

Sogody

Susam integrates Sanity asset management with Shopify. As soon as you install it, you will be able to fully utilise Shopify content distribution from your Sanity environment.

SUSAM

Andy Fitzgerald

Create and manage SKOS compliant taxonomies, thesauri, and classification schemes in Sanity Studio.

Taxonomy Manager

P Christopher Bowers

A multi-tag input for sanity studio. Fully featured with autocomplete capabilities, live updates, predefined tag options, style and component customizability, and much more.

Gustavo Bremm

This plugin allows content editors to quickly view, approve and reject documents in draft mode (not published).