docs: Improved Getting Started with React guide (#5676)

Co-authored-by: Vladlen Fedosov <vladlenfedosov@meta.com>
facebook · Mar 1, 2024 · 9ef2961 · 9ef2961
1 parent ec564fc
commit 9ef2961
Show file tree

Hide file tree

Showing 34 changed files with 4,086 additions and 59 deletions.
diff --git a/.prettierignore b/.prettierignore
@@ -2,6 +2,9 @@
 
 packages/**/dist/*.js
 packages/**/build/*.js
+packages/**/build/**/*.js
+packages/**/build/*.css
+packages/**/build/**/*.css
 packages/**/npm/**/*
 packages/**/config/*.js
 packages/playwright

diff --git a/examples/react-rich/README.md b/examples/react-rich/README.md
@@ -0,0 +1,7 @@
+# Basic Vanilla JS example
+
+Here we have simplest Lexical setup in rich text configuration (`@lexical/rich-text`) with history (`@lexical/history`) and accessibility (`@lexical/dragon`) features enabled.
+
+**Run it locally:** `npm i && npm run dev`
+
+[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/facebook/lexical/tree/main/examples/react-rich?file=src/main.ts)
diff --git a/examples/react-rich/index.html b/examples/react-rich/index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Lexical React Example</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>