Частичное внедрение приложения create-react-app на сайт
В настоящее время я разрабатываю веб-сайт / веб-приложение (я действительно не знаю четкой разницы между ними) для своего школьного проекта. Изначально я планировал полностью разрабатывать только HTML / CSS и JS, однако мой советник посоветовал мне использовать фреймворк React для частей страниц, а не просто делать это с Java для простоты. Это меня действительно сбивает с толку, так как у меня нет опыта в веб-разработке, и я в целом запутался.
В настоящее время у меня есть все HTML-страницы, стилизованные с помощью CSS, и я смог перенести часть веб-приложения на реакцию с помощью create-response-app. Однако я понятия не имею, как соединить эти два.
Я создал папку my-app внутри основного каталога, который содержит большинство папок HTML, но как мне перейти к 1. Доступ к приложению React со страницы HTML? 2. Доступ к HTML-странице в главном каталоге из приложения React?
Ниже приведен мой каталог в качестве справки.
mainDir
|_____bunch of html files
|_____css //contains all css files
|_____img // contains all images
|_____my-app
|____all the files created by create-react-app
Подходы, которые я пробовал:
- используя HTML-страницы в основном каталоге, чтобы перейти к index.html в файле my-app, чтобы загрузить приложение.
- изменение пути к файлу в теге внутри функции App.js render () каждого класса на что-то вроде ../../welcome.html, которое является относительным путем к HTML в основном каталоге.
Заранее благодарю за вашу помощь. Я приветствую любые предложения! Если информации для оценки ситуации недостаточно, дайте мне знать!
В зависимости от того, что вам нужно сделать, приложение create-react-app, скорее всего, окажется излишним для того, чтобы окунуть пальцы ног в воду. Я бы рекомендовал попробовать несколько менее универсальных подходов, некоторые из них упоминаются на сайте реакции, в частности как добавить React на HTML-страницу
Спасибо за комментарии, ребята! В конце концов, я продолжал создавать каждую страницу вручную, так как в любом случае у нее было всего 10 ее вариаций.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Проверить
Это Пример исходного кода, из руководства React.js: «Добавить React за одну минуту».
Что это?
Это супер-минимальная реализация React с использованием:
- 1 x файл
.html - 1 x файл
.js
Учитывая вашу текущую настройку, я бы сказал, что это намного проще, чем пытаться включить create-react-app.
Позвольте мне знать, если это помогает; Я счастлив удалить это, если это не пригодится.
Спасибо! Я попробую!
Я категорически не согласен с тем, что объединение ваших HTML / CSS-страниц с React что-либо упростит. Было бы намного лучше использовать React для всего приложения, но также я бы сказал, что сначала вам следует начать с создания простого HTML-сайта с разными страницами, потому что вам все равно понадобятся HTML и CSS. Короткий ответ, вы можете связать их простыми ссылками.