Hello, React! with Notepad on Windows 10

In the post Hello, React! with CodePen I showed on how to run React with the help of CodePen. In this post I’ll do the same locally but only with Notepad and again with no special code editor.

To get started open Notepad and insert the following code into it:

<!DOCTYPE html>
    <meta charset="utf-8" />
    <title>Hello, React!</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/17.0.2/umd/react.development.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/17.0.2/umd/react-dom.development.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.26.0/babel.min.js"></script>
    <script type="text/babel">
      const Greeting = ({name}) => <h1>Hello, {name}!</h1>;
        <Greeting name="React" />,
    <div id="root"></div>

One response to “Hello, React! with Notepad on Windows 10”

Leave a Reply

Your email address will not be published. Required fields are marked *