Загрузка...

Как добавить реакт в существующий проект?

Тема в разделе Веб-разработка создана пользователем гашышнная 25 ноя 2024. 199 просмотров

  1. гашышнная
    гашышнная Автор темы 25 ноя 2024 0 21 окт 2024
    меня в гугле не забанили, есть готовое веб приложение, куда хочу добавить реакт для дальнейшей модернизации, у сервера на котором работаю есть ограничения, и к примеру css не могу в отдельный файлик ебануть, только через style в html.
     
  2. Mortensen
    Mortensen 27 ноя 2024 Заблокирован(а) 219 15 авг 2024
    только если переписать
     
  3. LexSander
    LexSander 18 дек 2024 0 14 ноя 2024
    Можно добавить React в любое приложение. Вопрос, только зачем? Чаще всего в существующее приложение добавляется, когда возникает необходимость добавить новую интерактивную фичу, например, чат.

    Чтобы внедрить React в существующее приложение нужно просто создать div и инициировать в него React-приложение.

    Например:


    Код
    <body>

    <!-- ... -->
    <!-- тут какой-то старый код -->

    <div id="react-app"></div>
    </body>
    Ну и соответственно в этом div'e будет инициализирован React-компонент.

    Но чтобы его инициализировать его нужно сбилдить и связать со своим дивом:

    Код

    const root = ReactDOM.createRoot(document.getElementById("react-app"));
    root.render(
    <React.StrictMode>

    </React.StrictMode>
    );
    И потом просто подключить js-bundle и у тебя будет работать твое старое приложение и внутри div#react-app будет React-приложение.
     
    18 дек 2024 Изменено
Top
Загрузка...