---
title: "React rendering performance"
description: "Learn how to integrate Tiptap with React and improve the rendering performance of your editor. More in the docs!"
canonical_url: "https://tiptap.dev/docs/examples/advanced/react-performance"
---

# React rendering performance

Learn how to integrate Tiptap with React and improve the rendering performance of your editor. More in the docs!

## React Tiptap Editor Integration

When using Tiptap with React, the most common performance issue is that the editor is re-rendered too often. This demo shows the difference between the default editor and the optimized rendering with `shouldRerenderOnTransaction`.

> **Interactive demo:** [Performance](https://embed.tiptap.dev/preview/Examples/Performance)

## Get editor state information without impacting performance

If you need to access the editor state without causing a re-render, you can use the `useEditorState` hook. This allows you to read the editor state without triggering a re-render of your component.

Read more about it [here](https://tiptap.dev/docs/editor/getting-started/install/react.md#reacting-to-editor-state-changes).