docs: add comparison with other libraries

Author: kacperzolkiewski

docs/docs/misc/comparison-with-other-libraries.md

@@ -3,3 +3,65 @@ sidebar_position: 2
 ---
 
 # Comparison with other libraries
+
+React Native doesn't ship a built-in rich text component, so a number of
+community libraries exist. They fall into two broad categories: **native
+implementations** that render directly through the platform's text system, and
+**WebView wrappers** that embed a browser-based editor. This page compares
+React Native Enriched HTML with the most popular alternatives in each
+category.
+
+## Native solutions
+
+### React Native Aztec
+
+[React Native Aztec](https://github.com/wordpress-mobile/react-native-aztec)
+was WordPress's native rich text component for Gutenberg Mobile. The repository
+was **archived in March 2025** and the code folded into the
+[Gutenberg monorepo](https://github.com/WordPress/gutenberg), where activity
+is focused on the WordPress editor itself rather than the standalone React
+Native wrapper. Aztec **does not support the New Architecture (Fabric)** and is
+dual-licensed under **GPL-2.0 / MPL-2.0** - both are copyleft licenses that
+may require you to distribute your own source code under the same terms,
+which can be a deal-breaker for proprietary apps.
+
+### React Native Enriched Markdown
+
+[React Native Enriched Markdown](https://github.com/software-mansion/react-native-enriched-markdown)
+is another fully native library from Software Mansion (MIT-licensed, New
+Architecture required). It focuses on **Markdown** rather than HTML:
+
+- **Text component** - renders a wide range of Markdown features natively,
+  including GFM tables, task lists, LaTeX math and spoiler text.
+- **Text input** - provides a rich editing experience with Markdown output.
+
+The key difference is the **content format**. Enriched Markdown targets apps
+that work with Markdown end-to-end, while Enriched HTML is built for apps that
+need an **HTML-based editor with advanced, customisable formatting
+capabilities** and a matching display component. The two libraries can coexist in one app if you need both formats.
+
+## WebView-based solutions
+
+### 10tap Editor
+
+[10tap Editor](https://github.com/10play/10tap-editor) wraps
+[TipTap](https://tiptap.dev) (ProseMirror) inside a React Native WebView.
+It offers a keyboard-aware toolbar and a familiar ProseMirror plugin system.
+
+### React Native Pell Rich Editor
+
+[React Native Pell Rich Editor](https://github.com/wxik/react-native-rich-editor)
+is a lightweight WebView-based editor that uses `contentEditable` and
+`document.execCommand`.
+
+### Why native matters
+
+All WebView-based editors share a set of inherent trade-offs compared to a
+fully native approach:
+
+|                          | Native (Enriched HTML)                                                                                                                                  | WebView editors                                                                                                                                                 |
+| ------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| **Input latency**        | Text goes through the platform's native text system - every keystroke, selection change and style toggle is processed without leaving the native layer. | Every interaction crosses the React Native ↔ WebView bridge, adding measurable latency, especially on lower-end devices.                                        |
+| **Platform integration** | Full access to native APIs: system context menus, autocorrect / predictive text, VoiceOver / TalkBack, drag-and-drop, hardware keyboards.               | Limited by what the WebView exposes; features like custom context-menu items or native accessibility trees require extra workarounds or are simply unavailable. |
+| **Memory & startup**     | No WebView process to spin up - the component is just another native view in the hierarchy.                                                             | Each editor instance spawns a WebView, increasing memory use and adding a visible loading delay on first render.                                                |
+| **Debugging**            | Standard React Native / native debugging tools.                                                                                                         | Requires separate WebView / browser dev-tools; bridge-related bugs can be hard to trace.                                                                        |

docs/docs/misc/compatibility.mdx

@@ -22,7 +22,7 @@ installing.
 
 The table assumes you're using the latest patch of each library minor version.
 
-<EnrichedHtmlCompatibility />
+<EnrichedCompatibility />
 
 ## Platform differences
 
@@ -69,7 +69,7 @@ selection color follow the system tint.
 
 On iOS and Android, the library does not sanitize HTML. It makes no guarantees that the markup it accepts or produces is safe. You are fully responsible for sanitizing any HTML you persist, render elsewhere, or accept from untrusted sources.
 
-Sanitization *is* enforced on the web, as injecting unsafe HTML directly into the DOM poses severe security risks (like XSS).
+Sanitization _is_ enforced on the web, as injecting unsafe HTML directly into the DOM poses severe security risks (like XSS).
 
 ### React Native layout ref methods
 

…patibility/EnrichedHtmlCompatibility.tsx …/Compatibility/EnrichedCompatibility.tsxdocs/src/components/Compatibility/EnrichedHtmlCompatibility.tsx renamed to docs/src/components/Compatibility/EnrichedCompatibility.tsx docs/src/components/Compatibility/EnrichedHtmlCompatibility.tsx renamed to docs/src/components/Compatibility/EnrichedCompatibility.tsx

@@ -8,7 +8,6 @@ const REACT_NATIVE_VERSIONS = [
   '0.84',
   '0.85',
   '0.86',
-  '0.87',
 ];
 
 const LIBRARY_VERSIONS = [
@@ -32,7 +31,7 @@ function isSupported(
   );
 }
 
-export default function EnrichedHtmlCompatibility() {
+export default function EnrichedCompatibility() {
   return (
     <div className="compatibility">
       <table>

docs/src/theme/MDXComponents.js

@@ -9,7 +9,7 @@ import Indent from '@site/src/components/Indent';
 import Row from '@site/src/components/Row';
 import Grid from '@site/src/components/Grid';
 import { Yes, No, Version, Spacer } from '@site/src/components/Compatibility';
-import EnrichedHtmlCompatibility from '@site/src/components/Compatibility/EnrichedHtmlCompatibility';
+import EnrichedCompatibility from '@site/src/components/Compatibility/EnrichedCompatibility';
 import { Badges } from '@swmansion/t-rex-ui';
 
 export default {
@@ -27,6 +27,6 @@ export default {
   No,
   Version,
   Spacer,
-  EnrichedHtmlCompatibility,
+  EnrichedCompatibility,
   Badges,
 };