Size: a a a

React — русскоговорящее сообщество

2020 August 03

KS

Kirill Saltykov in React — русскоговорящее сообщество
Rros
Всем доброе утро.
На работе пишем 4 приложения на реакте. И во многих есть повторяющиеся компоненты. Например, сервис авторизации.
Решили написать для начала этот сервис один на все возможные проекты.
Кто может подсказать, как лучше организовать это. Просто хранить на гитлабе в общем репозитории или есть более удобный подход?
Отдельный npm модуль >_>
источник

G

GTech in React — русскоговорящее сообщество
Андрей Звёздочка
docker run -it --entrypoint=sh -p 3000:3000 имя_имаджа
Спасибо, получилось

Но попробую найти способ запуска без входа в контейнер
источник

SB

Stanislav Bobokalo in React — русскоговорящее сообщество
GTech
я изучаю докер и хотел попробовать свой фронт закинуть в контейнер
Похоже этот сервер детектит ненормальную работу stdin, можно сделать нормально - например мультистейдж билд с nginx. На первой стадии запускать билд фронта, на втором - копировать билды в рут nginx. Можно прямо в твой докерфайл в конце добавить:

FROM nginx:stable-alpine as serve-stage
COPY --from=build-stage /app/build /usr/share/nginx/html
COPY --from=build-stage /app/nginx.conf /etc/nginx/conf.d/default.conf
источник

АЗ

Андрей Звёздочка... in React — русскоговорящее сообщество
GTech
Спасибо, получилось

Но попробую найти способ запуска без входа в контейнер
Запусти в контейнере yarn start и посмотри что он тебе ответит.
источник

G

GTech in React — русскоговорящее сообщество
Stanislav Bobokalo
Похоже этот сервер детектит ненормальную работу stdin, можно сделать нормально - например мультистейдж билд с nginx. На первой стадии запускать билд фронта, на втором - копировать билды в рут nginx. Можно прямо в твой докерфайл в конце добавить:

FROM nginx:stable-alpine as serve-stage
COPY --from=build-stage /app/build /usr/share/nginx/html
COPY --from=build-stage /app/nginx.conf /etc/nginx/conf.d/default.conf
у меня в начале
FROM node:12
С этим конфликта не будет?
источник

SB

Stanislav Bobokalo in React — русскоговорящее сообщество
GTech
у меня в начале
FROM node:12
С этим конфликта не будет?
Это называется мультистейдж билд, как-раз отличный кейс для изучения этой фичи докера.
источник

G

GTech in React — русскоговорящее сообщество
Андрей Звёздочка
Запусти в контейнере yarn start и посмотри что он тебе ответит.
как обычный yarn start и работает, но получаются костыли
источник

SB

Stanislav Bobokalo in React — русскоговорящее сообщество
GTech
у меня в начале
FROM node:12
С этим конфликта не будет?
Допиши as build-stage после этой строчки. И правильно копируй артефакты сборки
источник

АЗ

Андрей Звёздочка... in React — русскоговорящее сообщество
GTech
как обычный yarn start и работает, но получаются костыли
Внутри контейнера?
источник

G

GTech in React — русскоговорящее сообщество
Андрей Звёздочка
Внутри контейнера?
да
источник

АЗ

Андрей Звёздочка... in React — русскоговорящее сообщество
GTech
да
Тогда посмотри на лимиты на контейнер. Скорее всего памяти не хватает
источник

EM

Eugene Maltsev in React — русскоговорящее сообщество
Внешний порт прокинуть наверное надо 🤔
источник

Д

Дима in React — русскоговорящее сообщество
А я могу как-то закешировать роут? Что бы он был в памяти, а не рендерился заново при переходе.
источник

G

GTech in React — русскоговорящее сообщество
Stanislav Bobokalo
Похоже этот сервер детектит ненормальную работу stdin, можно сделать нормально - например мультистейдж билд с nginx. На первой стадии запускать билд фронта, на втором - копировать билды в рут nginx. Можно прямо в твой докерфайл в конце добавить:

FROM nginx:stable-alpine as serve-stage
COPY --from=build-stage /app/build /usr/share/nginx/html
COPY --from=build-stage /app/nginx.conf /etc/nginx/conf.d/default.conf
я и ngix не знаю 😅

Что можно вписать в nginx.conf ?
источник

Z

Zaff in React — русскоговорящее сообщество
GTech
как обычный yarn start и работает, но получаются костыли
источник

SB

Stanislav Bobokalo in React — русскоговорящее сообщество
GTech
я и ngix не знаю 😅

Что можно вписать в nginx.conf ?
Глянь у меня, я недавно курсач сдавал https://github.com/gurland/web-library
источник

И

Иван in React — русскоговорящее сообщество
GTech
я и ngix не знаю 😅

Что можно вписать в nginx.conf ?
Попробуй погуглить docker CRA. Первая или вторая ссылка твоя
источник

И

Иван in React — русскоговорящее сообщество
GTech
я и ngix не знаю 😅

Что можно вписать в nginx.conf ?
Ну серьезно
источник

G

GTech in React — русскоговорящее сообщество
Иван
Попробуй погуглить docker CRA. Первая или вторая ссылка твоя
Спасибо, нашел другую статью и там описали как сделать через ngix так как вроде stdin по дефолту не доступен

https://mherman.org/blog/dockerizing-a-react-app/

https://github.com/facebook/create-react-app/issues/8688
источник

V

Vlad in React — русскоговорящее сообщество
подскажите пожалуйста, при запуске приложения (сra) оно зависает ни загрузке и попросту не запускается. вечная загрузка идёт. в чём может быть причина?
источник