From 8e07f04c5222d15a133f66c725277957c91886bd Mon Sep 17 00:00:00 2001 From: Mitchell Austin Date: Tue, 10 Dec 2024 15:15:51 -0800 Subject: [PATCH] Revise instructions --- platform-docs/docs/intro.md | 93 +++++++++++++++++++------------------ 1 file changed, 47 insertions(+), 46 deletions(-) diff --git a/platform-docs/docs/intro.md b/platform-docs/docs/intro.md index 6b815f807bf10..3eb79c31875ec 100644 --- a/platform-docs/docs/intro.md +++ b/platform-docs/docs/intro.md @@ -4,8 +4,7 @@ sidebar_position: 1 # Getting Started -Let's discover how to use the **Gutenberg Block Editor** to build your own block editor in less than 10 minutes**. - +Let's discover how to use the **Gutenberg Block Editor** to build your own block editor in less than 10 minutes. ## What you'll need @@ -22,7 +21,6 @@ Once done, you can navigate to your application folder and run it locally using To build a block editor, you need to install the following dependencies: - - `@wordpress/blocks` - `@wordpress/block-editor` - `@wordpress/block-library` - `@wordpress/components` @@ -33,7 +31,26 @@ We're going to be using JSX to write our UI and components as the block editor i ## Bootstrap your block editor -It's time to render our first block editor. Update your `src/App.jsx` file with the following code: +It's time to render our first block editor. We’ll do this with changes to three files – `index.html`, `src/main.jsx`, and `src/App.jsx`. + +First, we’ll add the base styles are for the editor UI. In `index.html` add these styles in the ``: +```html + + +``` +:::note + +There are more styles needed but can’t be added here because they are for the editor’s content which is in a separate document within an `