Просто билдишь

И заливаешь файлы

Все

ну смотри я создал create-react-app он у меня функционирует на сервере и теперь мне нужно использовать как приложение на другом сайте

мне нужно перенести все файлы и компоненты на этот сайт?

ну смотри я создал create-react-app он у меня функционирует на сервере и теперь мне нужно использовать как приложение на другом сайте

Ничего не понял

В смысле на сервере?

ну я создал простой чат

как отдельное приложение

Для сервера ноду юзать надо, а для клиента реакт

Ну необязательно ноду, можно и другое

на хосте

ну я создал простой чат

В смысле как отдельное приложение, я не понимаю таких слов?

Объясни четким языком, что ты хочешь

сейчас есть чат сделанный с помощью create-react-app

мне нужно перенести его на сайт, что бы внизу появлялся div с этим чатом

Типо как виджет что ли?

простые компоненты я понял как вставлять есь пример из документации

да

Ну так в виджетах вроде сервер просто отдает код

Со стилями

https://reactjs.org/docs/add-react-to-a-website.html

Пример простой реализации. Я не могу понять как create-react-app вставить

https://reactjs.org/docs/add-react-to-a-website.html

Там вообще инициализация реакта там просто подключение библиотек и все

Это не то

и вывод компоненты

посути реакт и выводится в простой div

в чем фишка реакта, что мы можем создать приложение и использовать там где захотим

Необязательно в див можно и в другой любой тэг либо просто обернуть во фрагмент

в чем фишка реакта, что мы можем создать приложение и использовать там где захотим

Имеется в виду, что 1 сайт 1 код

И уже на одном сайте использовать компоненты где захочешь

ну например нужен чат с администратором, создал его на реакте и вставляй в любой проект, включая и мобильные приложения

я не могу понять нужно ли весь код переносить на сайт где он будет использоваться или можно как то скрипт подключить что бы добраться до него

В смысле переносить?

У тебя сайт без кода работать не будет

Если ты хочешь вставить на другой сайт типо чат виджета. А как ты его собрался то вообще? Тебе нужно же каким-то образом данные отправлять

Зачем разделять

Всем приветы . Такой вопрос, есть простое приложение react app крестики нолики tic tac(это обучалка с офсайта), сделала npm run build, как это выложить на хостинг ?

заливаешь на хост и далее через shh (консоль хоста) устанавливаешь пакеты и запускаешь приложение

Подробнее где-то можно почитать?

что именно не понятно

?

все тоже самое что и на локалке

там правда на хосте должен быть установлен node.js

если он не установлен то должна быть инструкция как это сделать у вашего провайдера

Ок. Узнаю про ноджс

Спасибо

Ок. Узнаю про ноджс

для spa не нужен nodejs на сервере

Всем приветы . Такой вопрос, есть простое приложение react app крестики нолики tic tac(это обучалка с офсайта), сделала npm run build, как это выложить на хостинг ?

просто содержимое папки build копируй на сервер и всё

просто содержимое папки build копируй на сервер и всё

Так оно даже на локалке открывает пустой страницей

Ну да,по идее это же просто js на выходе

Думаю что надо сделать отдел ный урок как все вылаживать куда и чего

На локальном сервер нужно через сервер

там же после билда

будет написано

какой пакет установить

На сервер (не на локал) просто копируешь данные build Для тестирования можешь использовать google firebase

Там только статические файлы

Я скопировала всё из билд на сервер, но не в корневую папку и тоже пустая страница. Если там статические js то по идее на локальном компе должно без сервера работать,не?

Я скопировала всё из билд на сервер, но не в корневую папку и тоже пустая страница. Если там статические js то по идее на локальном компе должно без сервера работать,не?

index.html должен быть в корне сайта

Я скопировала всё из билд на сервер, но не в корневую папку и тоже пустая страница. Если там статические js то по идее на локальном компе должно без сервера работать,не?

тоесть тебе надо содержимое папки build скопировать на сервер

да в корень сайта

index.html должен быть в корне сайта

А если я несколько проектов хочу, надо делать поддомен?

да ты когда второй сайт делаешь не бросаешь его туда же и все равно на чем он написан

А если я несколько проектов хочу, надо делать поддомен?

да

Ок, попробую

Думаю что надо сделать отдел ный урок как все вылаживать куда и чего

Точно)

Если у кавото есть нормальный видео урок с этой ситуацией как вылаживать что куда чего и как , в доступной для понимания форме скиньте плиз А то как задашь вопрос типо там легко пишешь билд и все полетело 😜

Если у кавото есть нормальный видео урок с этой ситуацией как вылаживать что куда чего и как , в доступной для понимания форме скиньте плиз А то как задашь вопрос типо там легко пишешь билд и все полетело 😜

https://facebook.github.io/create-react-app/docs/deployment

чёрному по белому написано что да как

чёрному по белому написано что да как

Мои куриные мозги на англ это не воспринимают)))))

Мои куриные мозги на англ это не воспринимают)))))

в чем пытаешься поднять приложение? Если на vscode то по шагам скажу со скринами

А ты вылажить на гит хочешь?

в чем пытаешься поднять приложение? Если на vscode то по шагам скажу со скринами

Спасибо, сейчас сама ещё поковыряю. У меня хостинг с апачем ,домен , я выкладывала в подпапке,сейчас поддомен попробую

@Uis_Help npm run build далее в package.json добавляешь "homepage" : "http://[твоеимя на гитхабе].github.io/[название репозитория]" потом еще раз npm run build потом в "scripts": Там в терминале пишется пошагово , что и когда делать

Подскажите, может кто знает. Я создал скрипт который создает div и хочу его вставлять на другие сайты при этом в него помещать свое приложение react, как это можно реализовать?

Ребята, я уже спрашивал, но как в реакте правильно сделать синхронизацию данных между параметром в урле и полем на форме? В каком месте доставать параметры при открытии страницы: В каком месте обновлять урл при изменении поля на форме?

Подскажите, может кто знает. Я создал скрипт который создает div и хочу его вставлять на другие сайты при этом в него помещать свое приложение react, как это можно реализовать?

может через iframe?

кажется нашёл https://www.npmjs.com/package/redux-query-sync

но это не совсем подходит: есть проблема с тем что на разных страницах могут быть одинаковые параметры