Sanity Plugin HTML to Portable Text
This plugin provides a custom input component which converts HTML into Portable Text on the fly.
Hans
ReactJS resources
Guides, plugins and other developer resources for ReactJS - the popular open source Javascript framework.
13 React tools
sanity-plugin-time-seconds
Store playback times as a seconds integer, while allowing input in 00:00 format.
Sean H
Icon Picker
Icon picker for which let you select icons from a set of icon providers
Christopher Af Bjur
Netlify Deploy Status Badge
Display Netlify's status badge in Sanity Studio and your site's recent deploys. Plus, trigger a new build if you want to!
Dorell James
sanity-plugin-computed-field
A field based on other fields; memoization in your Sanity model. Field value is recomputed with the click of a button, using a GROQ query referencing the current document being edited, and a reducing function to produce the single value from the GROQ result.
Sean H
SUPER Pane
The Sanity Desk Tool Pane with Super Powers
Rico Kahler
9 React starters
Next.js Virtual Event Starter Kit
Featured contribution
Official(made by Sanity team)
Fully customizable starter kit for your next virtual event.
Knut Melvær
HeySugar (Gatsby)
Featured contribution
An open-source, self hosted, blood sugar tracker for type one and type two diabetics. Developed with Sanity and built with Gatsby.
Jamie Bradley
Kitchen Sink
Featured contribution
Official(made by Sanity team)
Sanity.io’s ever-evolving feature-rich demonstration studio. Fully customizable examples of page building, blog template and more examples with a React.js front-end.
Blog with Gatsby
Featured contribution
Official(made by Sanity team)
Fully customizable blog template with a Gatsby & React.js front-end.
Commerce Layer Starter
A multi-country ecommerce starter built with Sanity Studio, Commerce Layer, Next.js, and deployed to Netlify.
Next.js Landing Pages
Official(made by Sanity team)
SEO friendly page builder in React.js. Heroes, sign-up forms and calls to action.
Gatsby Portfolio
Official(made by Sanity team)
A clean Gatsby & React.js starting point for portfolios, project listings or case studies.
Next.js Ecommerce Starter
Official(made by Sanity team)
An e-commerce starter that features a studio with a simple Next.js frontend. This starter uses the Next.js toolkit for Sanity.io.
Next.js Blog with Comments
Official(made by Sanity team)
A blog site with posts and comments stored together for management. Build using Next.js, Sanity.io, and Vercel.
Bryan Robinson
15 React guides
Guide to server-side rendering with Deno and React
In this tutorial, we will take a look at server-side rendering with Deno and React. To get a proper hang of the fundamental concepts, we will start by discovering what Deno is, and how it compares to Node in terms of security, package management, and so on.
Oluyemi Olususi
Creating my first Sanity.io plugin
I created my very first Sanity plugin and this article details out my experience - the problems I encountered and how I solved them. But yeah, just really scratching my own itch!
Dorell James
Inline audio player in Sanity.io rich text
How to use the Portable Text Editor's flexibility to insert dynamic content in the middle of paragraphs
Henrique Doro
Real-time data visualization with React Charts and Sanity listeners
This article teaches readers how to build real-time data visualization charts using Sanity listeners and React
Fikayo Adepoju
Form validation with Yup
Learn how to efficiently build forms in React using Formik and Yup
Joseph Udonsak
Top 5 rich-text React components
This post discusses top 5 rich-text components for React.js, the pros and cons and how to use each in your next project
William Ugonna Imoh
32 React projects made with Sanity
Figma Config
Featured contribution
Website for Config, the global design conference by Figma.
Corey Ward
Why Mums Don't Jump
Featured contribution
Podcast website, plus blog and custom player. Built with Gatsby with a custom source plugin for TransistorFM.
Paul Brickles
Black History Month Church Activities Micro-Site
Featured contribution
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
AluFold Direct website
Sanity & Next.JS powered site with quoting engine and rich content editing
David Eglin
tenk.faktisk.no
School teaching programs for critical media use and source awareness
Kristoffer Brabrand
Hop Software
We've just refreshed the hop brand and launched a new website using Gatsby & sanity.
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.