ReactJS: рендеринг компонента «Hello World» не работает

Я следовал этому руководству: https://reactjs.org/docs/add-react-to-a-website.html Добавил файл .js на страницу, например так:

    <script src = "{{ base_url }}/js/reactjs/like_button.js"></script>

И кнопка «Нравится» была кликабельной и показывала «Вам понравилось». при нажатии.

Теперь я хотел попробовать руководство Hello World: https://reactjs.org/docs/hello-world.html Добавление элемента на страницу под элементом кнопки «Нравится». Я добавил следующий файл .js на страницу следующим образом:

    <script type = "text/jsx" src = "{{ base_url }}/js/reactjs/helloworld.js"></script>

(Я пытался добавить type="text/jsx", но это не помогает) Но элемент #root никогда не показывает "Hello world!".

Что-нибудь, что мне здесь не хватает?

Это файлы JS (CDN), которые я загружаю внизу страницы:

    <script src = "https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>

    <script src = "https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>

    <script src = "https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>

    <!-- Note: when deploying, replace "development.js" with "production.min.js". -->

    <script src = "https://unpkg.com/react@16/umd/react.development.js" crossorigin></script>
    <script src = "https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin></script>

У меня установлены NodeJS и NPM/X. Но я еще не использовал его для этого примера Hello World.

В конце концов, я хочу, чтобы React использовался только как компонент View (MVC) в моем проекте PHP Slim framework.