Как добавить React (сторонние библиотеки и css вместе) на веб-сайт html?

#javascript #html #css #reactjs

#javascript #HTML #css #reactjs

Вопрос:

Я много читал о том, как добавить компонент react на веб-сайт html, но это всего лишь простой компонент js без какого-либо импорта (другой компонент или css). пожалуйста, не повторяйте мне это.(Есть на reactjs.org и столько же других вебистов).

Я думаю, может быть, нужен webpack, но для меня это очень сложно. Поэтому, пожалуйста, помогите мне (нам) пошагово, как реализовать этот конкретный пример.

Комментарии:

1. Пройдите курс по Udemy за 12 долларов, который научит вас, как создавать веб-приложение с полным стеком, используя React. Также множество обучающих программ на YouTube. Похоже, вы не выполнили свою домашнюю работу и хотите, чтобы кто-то другой сделал это за вас.

2. Спасибо. Я еще не закончил курс react. Но это не решает мою проблему. Я еще много ищу на YouTube и регистрирую больше react cousre на udemy. Я веб-разработчик, это не моя домашняя работа. Я сначала развертываю свои проекты на VPS и выполняю серверную часть с помощью node express. Теперь я развертываюсь в firebase, и если я размещаю шаблон веб-сайта html на общедоступной карте и использую create-react-app, то не распознаю несколько js-файлов в шаблоне, а также скрипт firebase. (firebase не является функцией). Но если я оставлю create-react-app, он будет работать нормально. Я много пробую, и я не знаю причин.

Ответ №1:

Отличное место для начала работы с приложением react — это использование create-react-app .

Это поможет вам настроить проект за считанные минуты и отсортирует babel / предварительную компиляцию для вас. Он предлагает современную настройку сборки без настройки, и вы сможете добавлять дополнительные пакеты в этот проект с помощью npm или yarn.

Вы можете найти инструкции здесь:

Приступая к работе

Примечание: Убедитесь, что у вас есть node.js установленный на вашем компьютере

Комментарии:

1. Спасибо за ваш ответ, но я сделал еще сотни проектов create-react-app. Я не могу интегрировать это с существующим проектом html, css javascript. У React нет профессионального шаблона дизайна или он очень плохой. Но шаблон веб-сайта html имеет больше тысяч. Поэтому я не могу продумать дизайн и написать тонны html и css. Я еще не написал серьезный компонент React, и мне хотелось бы интегрировать его вместе, я пытаюсь с reactjs.org решение, но оно касается только одного компонента, который является js-файлом. (метод автоматической версии babel для производства, он работает нормально).