Rescreva essa parte da string com as seguintes condições:
      1. Não elimine NENHUMA informação dada no artigo.
      2. Termos, variáveis, expressões ou referências devem ser SEMPRE mantidos em inglês.
      3. Apenas transcreva o artigo, tornando ele mais literal e direto, sem alterar o contexto.
      4. Não remova as tags HTML e nem os "#thedivisor#".
      5. Você deve me enviar sua resposta em texto puro, sem markdown.

      If you want to add some interactivity to your existing project, you don’t have to rewrite it in React. Add React to your existing stack, and render interactive React components anywhere.#thedivisor#<strong class="font-bold">You need to install <a href="https://nodejs.org/en/" target="_blank" rel="nofollow noopener noreferrer" class="inline text-link dark:text-link-dark border-b border-link border-opacity-0 hover:border-opacity-100 duration-100 ease-in transition leading-normal">Node.js</a> for local development.</strong> Although you can <a class="inline text-link dark:text-link-dark border-b border-link border-opacity-0 hover:border-opacity-100 duration-100 ease-in transition leading-normal" href="/learn/installation#try-react">try React</a> online or with a simple HTML page, realistically most JavaScript tooling you’ll want to use for development requires Node.js.#thedivisor#Let’s say you have an existing web app at <code dir="ltr" class="inline text-code text-secondary dark:text-secondary-dark px-1 rounded-md no-underline bg-gray-30 bg-opacity-10 py-px">example.com</code> built with another server technology (like Rails), and you want to implement all routes starting with <code dir="ltr" class="inline text-code text-secondary dark:text-secondary-dark px-1 rounded-md no-underline bg-gray-30 bg-opacity-10 py-px">example.com/some-app/</code> fully with React.#thedivisor#Here’s how we recommend to set it up:#thedivisor#<li class="leading-relaxed mb-1"><strong class="font-bold">Build the React part of your app</strong> using one of the <a class="inline text-link dark:text-link-dark border-b border-link border-opacity-0 hover:border-opacity-100 duration-100 ease-in transition leading-normal" href="/learn/start-a-new-react-project">React-based frameworks</a>.</li>
<li class="leading-relaxed mb-1"><strong class="font-bold">Specify <code dir="ltr" class="inline text-code text-secondary dark:text-secondary-dark px-1 rounded-md no-underline bg-gray-30 bg-opacity-10 py-px">/some-app</code> as the <em>base path</em></strong> in your framework’s configuration (here’s how: <a href="https://nextjs.org/docs/api-reference/next.config.js/basepath" target="_blank" rel="nofollow noopener noreferrer" class="inline text-link dark:text-link-dark border-b border-link border-opacity-0 hover:border-opacity-100 duration-100 ease-in transition leading-normal">Next.js</a>, <a href="https://www.gatsbyjs.com/docs/how-to/previews-deploys-hosting/path-prefix/" target="_blank" rel="nofollow noopener noreferrer" class="inline text-link dark:text-link-dark border-b border-link border-opacity-0 hover:border-opacity-100 duration-100 ease-in transition leading-normal">Gatsby</a>).</li>
<li class="leading-relaxed mb-1"><strong class="font-bold">Configure your server or a proxy</strong> so that all requests under <code dir="ltr" class="inline text-code text-secondary dark:text-secondary-dark px-1 rounded-md no-underline bg-gray-30 bg-opacity-10 py-px">/some-app/</code> are handled by your React app.</li>#thedivisor#This ensures the React part of your app can <a class="inline text-link dark:text-link-dark border-b border-link border-opacity-0 hover:border-opacity-100 duration-100 ease-in transition leading-normal" href="/learn/start-a-new-react-project#can-i-use-react-without-a-framework">benefit from the best practices</a> baked into those frameworks.#thedivisor#Many React-based frameworks are full-stack and let your React app take advantage of the server. However, you can use the same approach even if you can’t or don’t want to run JavaScript on the server. In that case, serve the HTML/CSS/JS export (<a href="https://nextjs.org/docs/advanced-features/static-html-export" target="_blank" rel="nofollow noopener noreferrer" class="inline text-link dark:text-link-dark border-b border-link border-opacity-0 hover:border-opacity-100 duration-100 ease-in transition leading-normal"><code dir="ltr" class="inline text-code text-secondary dark:text-secondary-dark px-1 rounded-md no-underline bg-gray-30 bg-opacity-10 py-px">next export</code> output</a> for Next.js, default for Gatsby) at <code dir="ltr" class="inline text-code text-secondary dark:text-secondary-dark px-1 rounded-md no-underline bg-gray-30 bg-opacity-10 py-px">/some-app/</code> instead.#thedivisor#Let’s say you have an existing page built with another technology (either a server one like Rails, or a client one like Backbone), and you want to render interactive React components somewhere on that page. That’s a common way to integrate React—in fact, it’s how most React usage looked at Meta for many years!#thedivisor#You can do this in two steps:#thedivisor#<li class="leading-relaxed mb-1"><strong class="font-bold">Set up a JavaScript environment</strong> that lets you use the <a class="inline text-link dark:text-link-dark border-b border-link border-opacity-0 hover:border-opacity-100 duration-100 ease-in transition leading-normal" href="/learn/writing-markup-with-jsx">JSX syntax</a>, split your code into modules with the <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import" target="_blank" rel="nofollow noopener noreferrer" class="inline text-link dark:text-link-dark border-b border-link border-opacity-0 hover:border-opacity-100 duration-100 ease-in transition leading-normal"><code dir="ltr" class="inline text-code text-secondary dark:text-secondary-dark px-1 rounded-md no-underline bg-gray-30 bg-opacity-10 py-px">import</code></a> / <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/export" target="_blank" rel="nofollow noopener noreferrer" class="inline text-link dark:text-link-dark border-b border-link border-opacity-0 hover:border-opacity-100 duration-100 ease-in transition leading-normal"><code dir="ltr" class="inline text-code text-secondary dark:text-secondary-dark px-1 rounded-md no-underline bg-gray-30 bg-opacity-10 py-px">export</code></a> syntax, and use packages (for example, React) from the <a href="https://www.npmjs.com/" target="_blank" rel="nofollow noopener noreferrer" class="inline text-link dark:text-link-dark border-b border-link border-opacity-0 hover:border-opacity-100 duration-100 ease-in transition leading-normal">npm</a> package registry.</li>
<li class="leading-relaxed mb-1"><strong class="font-bold">Render your React components</strong> where you want to see them on the page.</li>