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

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

Это точно мне?

Ну да, это про твоё изменение локального стейта снаружи

Ну да, это про твоё изменение локального стейта снаружи

Нет, я как раз за то что ты предложил

Ты трезв;)?

Пишу более 3 мес на реакте на работе, все никак не придти со смузи на работу

Сори. Тогда это артуру

Пишу более 3 мес на реакте на работе, все никак не придти со смузи на работу

А что такое со смузи на работу? Сегодня день недопониманий)

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

Нужен ещё вейп сразу

Ты это сейчас шутить пытаешься?

Ты это сейчас шутить пытаешься?

Или шутки его пытают

"Что не смешно?"

кто то юзал на практике import() ? (lazy loading component)

кто то юзал на практике import() ? (lazy loading component)

babel lazy import?

Бабелю то как раз на них пофиг

babel lazy import?

не уверен, что именно к бабелю относится

кто то юзал на практике import() ? (lazy loading component)

Это штука называется dynamic import

И часть стандарта

В реакте обычно юзают react loadable

https://gist.github.com/zerobias/2e50e3b46daffccb5cfea6dbd67f789a lazy import менее чем в 30 строк

https://gist.github.com/zerobias/2e50e3b46daffccb5cfea6dbd67f789a lazy import менее чем в 30 строк

жаль что надо компонет в стейте хранить

и сюда наверное стоит еще try cathc async componentDidMount() { const { default: component } = await importComponent(); this.setState({ component: component }); }

жаль что надо компонет в стейте хранить

Ну да

createRef работает же при ssr ?

Ребят, подскажите по SC. По всему приложения есть кнопки - этот кейс понятный. Сделал компонент Button со styled.button, храню там же где и все реиспользуемые компоненты общего назначения (заголовки, подзаголовки, параграфы, сноски, проч) испортирую в нужных местах и использую. При необходимости - добавляю стили в месте использования (отступы, например). И как хранить, и как использовать - понятно. А вот если у меня есть шапка проекта - Header. Он состоит из нескольких компонентов (Logo, Nav, LangIcon, SearchIcon, CartIcon). Каким образом это лучше реализовать? Создаю каждый компонент отдельным файлом, стилизую и импортирую в Header? И все это хранится в папке, скажем, ui/partials/header ? Если при этом сам Header стилизован с display: grid, то каждый компонент из него будет иметь свой display, grid-area и проч, и получается, что эти стили (логически связанные) будет раскиданы по разным файлам? Как вы с этим работаете? Или лучше создать внутри файла Header все нужные блоки, их расположить стилями, потом их импортировать в отдельные файлы и стилизовать уже внешний вид блоков, а внутри Header соответственно импортировать компоненты из файлов?

В общем я сел и начал делать, и что-то после написания полотна stylus-верстки для каждого нового компонента, не получается переключиться и сделать охуенно, подскажите советом)

Так ведь с гридами наоборот проще

import styled, {css} from 'styled-components' const gridArea = area => area ? `grid-area: "${area}";` : `` const gridAreaMixin = css` ${props => gridArea(props.area)} ` const CommonButton = styled.button` ${gridAreaMixin} ` const SpecialHeader = styled.h1` ${gridArea('head')} `;

Нужен ещё вейп сразу

Вот вы шутите, а я пришел на новую работу в отдел фронтенда а тут все вейпят, сам не ожидал

я там в @js_ru рассказывал чего сегодня в tc39 нарешали есичо

только там надо среди флуда выискивать

начало тут t.me/js_ru/90300

Object.fromEntries топ

из мапов в объекты гонять самое то

я там в @js_ru рассказывал чего сегодня в tc39 нарешали есичо

а есть гарантия что с 1-2 стейджа не будут выпиливать ?

а то мне декораторов хватило

а есть гарантия что с 1-2 стейджа не будут выпиливать ?

нет

а в итоге апи вроде так и не поменяли и они ушли на 2 или даже 3 сейчас

btw декораторы на митинге собирались обсуждать

если успеют. там тем очень дофига

за 3 дня все точно не успеют

слайды вот если что https://docs.google.com/presentation/d/1issTHgP5bf_FsbCSDfKAHjjoNnFa9nI0bEeCZtbh1oM/edit#slide=id.p

https://github.com/tc39/proposals#stage-2

а так они уже переход готовят

ммм, спасибо большое

буду читать

ПРивет. У меня вопрос в следующем. Если мне нужен кусочек общего стейта для многих многих парных компонентов, и я хочу написать для этого компонент-обертку а-ля <FoldMe> {this.props.children } </FoldMe> , есть ли способ прокидывать определенные пропсы в эти children по-умолчанию? Что-то вроде {this.props.children.withProps(func1, func2)}

ПРивет. У меня вопрос в следующем. Если мне нужен кусочек общего стейта для многих многих парных компонентов, и я хочу написать для этого компонент-обертку а-ля <FoldMe> {this.props.children } </FoldMe> , есть ли способ прокидывать определенные пропсы в эти children по-умолчанию? Что-то вроде {this.props.children.withProps(func1, func2)}

this.props.children ты можешь вызвать как функцию

this.props.children(someValue1, someValue2)

this.props.children ты можешь вызвать как функцию

И требуемые пропсы кинуть в аргументы?

да

да

А по областям видимости - пропс будет без this?

а потом сдать так <SomeWrapper> {(someValue1,someValue2) => } </SomeWrapper>

это будет не совем пропс

просто параметр в функции

Ок, хорошо, спасибо. Меня радует, что это возможно.

import styled, {css} from 'styled-components' const gridArea = area => area ? `grid-area: "${area}";` : `` const gridAreaMixin = css` ${props => gridArea(props.area)} ` const CommonButton = styled.button` ${gridAreaMixin} ` const SpecialHeader = styled.h1` ${gridArea('head')} `;

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

слишком много нового для одного листинга)

камрады, кто настраивал хот релоад на реакте?

Есть проблема, все изменения в рендере компонент - отслеживает и релоадит корректно, но если есть изменения в методах компоненты, сообщение о релоаде приходит в консоль, но по факту изменения не подтягивает..

начало тут t.me/js_ru/90300

Делай стрим с обзором!

зачем стрим-то?

Что бы вопросы задать можно было

ERROR: S client not available

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

Вообще для чего реакт? И он на подобии чего? Типа буутстрапа для цсс?

Вообще для чего реакт? И он на подобии чего? Типа буутстрапа для цсс?

Эээээм?

Хех

Вообще для чего реакт? И он на подобии чего? Типа буутстрапа для цсс?

https://t.me/react_js/440287

А кто такой джун?

Тот кто делает всю работу

Тот кто делает всю работу

Джунит?)

Это типа накинул и свалил?

Посеньерил и бросил

Мне каж если разраб знает реакт, то он не джун уже

А уже жс разработчик

У меня жена знает React чуть ли не лучше меня, но вообще не знает JS

Мне каж если разраб знает реакт, то он не джун уже

А что значит знает реакт?

У меня жена знает React чуть ли не лучше меня, но вообще не знает JS

Так не бывает

React = Сематинка + CSS + (немного)state management. Семантинку многие игнорируют, CSS не уважают, state удиляют больше внимания чем надо.

А что значит знает реакт?

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

Тут не время главное. Иногда люди тааааакое пишут, что диву даешься.

Тот кто делает всю работу

?

Мне каж если разраб знает реакт, то он не джун уже

Беда

Тут не время главное. Иногда люди тааааакое пишут, что диву даешься.

Ну если там нечитабельно говно, то это не написанное приложение )

Ну если там нечитабельно говно, то это не написанное приложение )

Ты не поверишь... Как пишется половина всех веб апов

Ну если там нечитабельно говно, то это не написанное приложение )

Ты на боевых проектах бывал?)

Ну если крупный проект то простительно

Ты на боевых проектах бывал?)

Это какие?

Это какие?

Те, которые в проде живут.

Ну если там нечитабельно говно, то это не написанное приложение )

лол

Те, которые в проде живут.

И ведь живут! Работают как часики!

Те, которые в проде живут.

Не, я админочки ток делал и вообще фронт мало знаю ещё

Не, я админочки ток делал и вообще фронт мало знаю ещё

Ну, тогда готовься к тому, что любой твой проект будет говном.

Часто приходится расширять не расширяемое и начинается говно, а время переписывать не дадут