From 1704ee9708f471a49b2595d73b853551d23d4be5 Mon Sep 17 00:00:00 2001 From: elitalpa Date: Mon, 17 Feb 2025 08:42:50 +0100 Subject: [PATCH] =?UTF-8?q?fix(docs):=20prevent=20mdx=20from=20transformin?= =?UTF-8?q?g=20--=20into=20=E2=80=93=20for=20commands?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/content/learn/building-a-react-framework.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/content/learn/building-a-react-framework.md b/src/content/learn/building-a-react-framework.md index 50e34ff6536..e403cbe947d 100644 --- a/src/content/learn/building-a-react-framework.md +++ b/src/content/learn/building-a-react-framework.md @@ -33,7 +33,7 @@ The first step is to install a build tool like `vite`, `parcel`, or `rsbuild`. T [Vite](https://vite.dev/) is a build tool that aims to provide a faster and leaner development experience for modern web projects. -npm create vite@latest my-app -- --template react +{`npm create vite@latest my-app -- --template react`} Vite is opinionated and comes with sensible defaults out of the box. Vite has a rich ecosystem of plugins to support fast refresh, JSX, Babel/SWC, and other common features. See Vite's [React plugin](https://vite.dev/plugins/#vitejs-plugin-react) or [React SWC plugin](https://vite.dev/plugins/#vitejs-plugin-react-swc) and [React SSR example project](https://vite.dev/guide/ssr.html#example-projects) to get started. @@ -45,7 +45,7 @@ Vite is already being used as a build tool in one of our [recommended frameworks [Parcel](https://parceljs.org/) combines a great out-of-the-box development experience with a scalable architecture that can take your project from just getting started to massive production applications. -npm install --save-dev parcel +{`npm install --save-dev parcel`} Parcel supports fast refresh, JSX, TypeScript, Flow, and styling out of the box. See [Parcel's React recipe](https://parceljs.org/recipes/react/#getting-started) to get started. @@ -55,7 +55,7 @@ Parcel supports fast refresh, JSX, TypeScript, Flow, and styling out of the box. [Rsbuild](https://rsbuild.dev/) is an Rspack-powered build tool that provides a seamless development experience for React applications. It comes with carefully tuned defaults and performance optimizations ready to use. -npx create-rsbuild --template react +{`npx create-rsbuild --template react`} Rsbuild includes built-in support for React features like fast refresh, JSX, TypeScript, and styling. See [Rsbuild's React guide](https://rsbuild.dev/guide/framework/react) to get started.