Зачем раздавать статику нодой/похапе? Нжинкс не завезли?

Ну я уже ответил)

Зачем раздавать статику нодой/похапе? Нжинкс не завезли?

Вопрос про ssr?

Ок, а как организовать SSR если сервер на laravel? Гугл кидает на какие-то мутные библиотеки с десятком звёзд на гитхабе

Только нода

nginx как балансер и прокси - да

В общем перекинуть раздачу статики на ноду

Про это

Про это

Камон https://t.me/react_js/431692

nginx как балансер и прокси - да

Traefik + caddy server

Traefik + caddy server

А зачем?

hdd

?

Не, я понимаю, когда у тебя там кубы и стопицот микросервисов

А фронту оно зачем, если ты не яндекс?

А вообще, краем уха слышал что последние 1-2 версии nginx сбавляет по скорости в угоду функционалу

А вообще, краем уха слышал что последние 1-2 версии nginx сбавляет по скорости в угоду функционалу

Никто не прокоментирует, а то, может, я не верную информацию распространяю...

А зачем?

видел в бенчмарках что нжинкс снижает перфоманс ноды

Пользовати styled-componets, есть проблема, нужно прописать для компонента разные стили, в зависимости от того, в попапе он отображается или нет. Почему то констуркция ${PopupWrapper} & {...} не работает, cтили применяются всегда. В чем может быть проблема?

PopupWrapper это это просто styled.div``

PopupWrapper это это просто styled.div``

попробуй ${} > & если не сработает то придется в PopupWrapper перенести

попробуй ${} > & если не сработает то придется в PopupWrapper перенести

у меня не прямая вложенность

куда перенести?

// PopupWrapper ${Inner} { // styles }

А почему мой пример то не работает? В доке все ок.

@artalar ты же вроде спец по sc?)))

Стили нужно будет описать в PopupWrapper, в котором селектором будет необходимый компонент

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

Ну или пропсами, соответственно

Но по доке то это норм

Но по доке то это норм

Где?

https://www.styled-components.com/docs/advanced#referring-to-other-components

момент

не правильная ссылка

теперь верная

Нельзя сделать селектор в ребенке от родителя. Только в родителе к ребенку

но вот же!

из доки

????

стрелочную функцию можно сразу вызывать?

да

стрелочную функцию можно сразу вызывать?

const qq = (() => {})()

но вот же!

странная вещь)

Не знал ?‍♂️

Пользовати styled-componets, есть проблема, нужно прописать для компонента разные стили, в зависимости от того, в попапе он отображается или нет. Почему то констуркция ${PopupWrapper} & {...} не работает, cтили применяются всегда. В чем может быть проблема?

А можешь код расшарить ? Или скрин сделать?

Пользовати styled-componets, есть проблема, нужно прописать для компонента разные стили, в зависимости от того, в попапе он отображается или нет. Почему то констуркция ${PopupWrapper} & {...} не работает, cтили применяются всегда. В чем может быть проблема?

Слушай, ну работает https://codesandbox.io/s/wqx401r9nw

Слушай, ну работает https://codesandbox.io/s/wqx401r9nw

в доке и у меня работает(там тоже можно побаловаться)

@artalar ты же вроде спец по sc?)))

нет ?

Пользовати styled-componets, есть проблема, нужно прописать для компонента разные стили, в зависимости от того, в попапе он отображается или нет. Почему то констуркция ${PopupWrapper} & {...} не работает, cтили применяются всегда. В чем может быть проблема?

передавай явно пропом

@IlyaAgarkov может у тебя там какая левая специфичность и еще какой-то bg-color перебивает?

эти гадания по селекторам только все усложняют

не нужно их тащить в стайледы, если есть хотя бы малейшая возможность так не делать

@IlyaAgarkov может у тебя там какая левая специфичность и еще какой-то bg-color перебивает?

да не, bg color я же для теста сделал. И в стилях получается слектор без вложенности

А вот это интересно. Сделал еще парочку чисто тестовых комопнент. Пока оба в одном файле, все работает как положенно, стоит вынести в отдельный файлы и подключать через import - начинается вот такая канитель

какая то фигня с импортами. PopupWrapper то undefinded

Циклические импорты?

разумеется андефайнд

разумеется андефайнд

почему разумеется?

поэтому передай пропом (серия пикч “иди во фронтенд” с птичками)

какая то фигня с импортами. PopupWrapper то undefinded

А скинь строку с импортом

Циклические импорты?

кстати, да

поэтому передай пропом (серия пикч “иди во фронтенд” с птичками)

Не надо так категорично

Не надо так категорично

это моя война против каскада, действую с полной самоотдачей )))

поэтому передай пропом (серия пикч “иди во фронтенд” с птичками)

тут дело не в том как это реализовано, а в том "почему?" так не работает

ERROR: S client not available

Да и в целом, из-за разных отступов и размера шрифтов, мне не хочется передавать пропы во все вложенные элементы

Циклические импорты?

дело в них. Первый раз столкнулся с такой проблемой. Спасибо

Надо будет почитать про это

Всем утро. Хотел спросить такую штуку, правильно ли так делать онЧендж и делать сетСтейт? onChange={event => this.setState({username: event.target.value})} value={this.state.username} И второй вопрос, каким образом значение с инпута перенести к примеру в пост реквест? username: this.state?

Всем утро. Хотел спросить такую штуку, правильно ли так делать онЧендж и делать сетСтейт? onChange={event => this.setState({username: event.target.value})} value={this.state.username} И второй вопрос, каким образом значение с инпута перенести к примеру в пост реквест? username: this.state?

onChange={this.handleOnchange} handleOnchange = (e) => { this.setState({myValue: e.currentTarget.value }) postRequest = () => { sendToServer(this.state.myValue }

про value в инпуте - все ок. все функции - методы компонента

onChange={this.handleOnchange} handleOnchange = (e) => { this.setState({myValue: e.currentTarget.value }) postRequest = () => { sendToServer(this.state.myValue }

тогда onClick={this.postRequest}? Верно?

тогда onClick={this.postRequest}? Верно?

+

+

Ок, тогда велью оставлю, а остальное вынесу отдельно, спасибо.

Ок, тогда велью оставлю, а остальное вынесу отдельно, спасибо.

value и не надо выносить =)

Надо будет почитать про это

Своими словами. Переменная в которую импорт осуществляется let, а не const. Импорт - это [синхронный] процесс (инициализация кода в импортируемом файле, а потом присвоение к указанным переменным). Когда какой-то модуль 1 осуществляет импорт другого модуля 2 - т.е. ожидает инициализации кода в файле 2, он (1) помечается как "в работе". Если обратиться к модулю "в работе", т.е. из модуля 2 попытаться заимпортировать модуль 1 (циклические импорты), что бы не создавать бесконечный цикл создается переменная, но в нее ничего не кладется (undefined), но при этом остается пометка, что при окончании импорта модуля 1, положить результат в переменную (которая в модуле 2). Таким образом можно делать рекурсивные ссылки и при этом не вешать сборщик (это по спеке, кстати).

Своими словами. Переменная в которую импорт осуществляется let, а не const. Импорт - это [синхронный] процесс (инициализация кода в импортируемом файле, а потом присвоение к указанным переменным). Когда какой-то модуль 1 осуществляет импорт другого модуля 2 - т.е. ожидает инициализации кода в файле 2, он (1) помечается как "в работе". Если обратиться к модулю "в работе", т.е. из модуля 2 попытаться заимпортировать модуль 1 (циклические импорты), что бы не создавать бесконечный цикл создается переменная, но в нее ничего не кладется (undefined), но при этом остается пометка, что при окончании импорта модуля 1, положить результат в переменную (которая в модуле 2). Таким образом можно делать рекурсивные ссылки и при этом не вешать сборщик (это по спеке, кстати).

По идее обращаться к переменной из циклического импорта можно уже на следующий тик Promise.resolve().then(() => importedModule)

Привет, кто-то использует recompose?И оправдано ли тащить его на все проекты?

Своими словами. Переменная в которую импорт осуществляется let, а не const. Импорт - это [синхронный] процесс (инициализация кода в импортируемом файле, а потом присвоение к указанным переменным). Когда какой-то модуль 1 осуществляет импорт другого модуля 2 - т.е. ожидает инициализации кода в файле 2, он (1) помечается как "в работе". Если обратиться к модулю "в работе", т.е. из модуля 2 попытаться заимпортировать модуль 1 (циклические импорты), что бы не создавать бесконечный цикл создается переменная, но в нее ничего не кладется (undefined), но при этом остается пометка, что при окончании импорта модуля 1, положить результат в переменную (которая в модуле 2). Таким образом можно делать рекурсивные ссылки и при этом не вешать сборщик (это по спеке, кстати).

ну что-то такое я себе и предствлял

Привет, кто-то использует recompose?И оправдано ли тащить его на все проекты?

нет

Привет, кто-то использует recompose?И оправдано ли тащить его на все проекты?

+\-

Привет, кто-то использует recompose?И оправдано ли тащить его на все проекты?

да

какой вопрос, такие и ответы)

это моя война против каскада, действую с полной самоотдачей )))

каскад не всегда плохо. В данном случае это что-то вроде media query))

Привет, кто-то использует recompose?И оправдано ли тащить его на все проекты?

+++

Привет, кто-то использует recompose?И оправдано ли тащить его на все проекты?

Да

Привет, кто-то использует recompose?И оправдано ли тащить его на все проекты?

Да, если у тебя есть хоки)

Но так как tree-shaking, то пофиг.

О, Сова... Хорошего выступления!

О, Сова... Хорошего выступления!

Спасибо))

Спасибо))

Можно попросить презентацию скинуть? Очень интересно было бы вживую послушать, конечно, но я не из Питера(

Можно попросить презентацию скинуть? Очень интересно было бы вживую послушать, конечно, но я не из Питера(

Обычно после выступления оставляют линк на нее.

Спасибо!

А записи не будет, да? :( тоже не из Питера)

А записи не будет, да? :( тоже не из Питера)

Обещали.