А можешь кинуть сорцы?

Разные же кейсы

Имеешь в виду, что иногда лучше так (как Дима скинул), а иногда один компонент перекраивать?

Ребят, нужен совет: помогите собрать стек библиотек и знаний серьёзного React dev'a В стиле Хранение данных приложения - Redux Запросы на сервер - axios и др. делайте рассчёт, что я знаю голый react (без сверх есстественного, но в состоянии написать что-то средней сложности, без SSR, Redux и всяких асинхронных приморочек) Хочу сразу для себя определить дальнейший вектор развития

Имеешь в виду, что иногда лучше так (как Дима скинул), а иногда один компонент перекраивать?

Что бы не сломать мозг лучше делать компоненты небольшими. "Разделяй и властвуй". Во всех этих "свичах" в виде можно легко запутаться. Если размер компонента превышает разумную величину, после которой кажется, что уже начинаешь теряться в нем, то стоит разбить на мелкие компоненты.

Доброе утро. Скажите в eslint есть правило для сортировки свойств объекта?

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

Ребят, нужен совет: помогите собрать стек библиотек и знаний серьёзного React dev'a В стиле Хранение данных приложения - Redux Запросы на сервер - axios и др. делайте рассчёт, что я знаю голый react (без сверх есстественного, но в состоянии написать что-то средней сложности, без SSR, Redux и всяких асинхронных приморочек) Хочу сразу для себя определить дальнейший вектор развития

но все это фигня, когда дело доходить до конфига вебпака, вот где нужно углубляться. У тебя будет и хороший DX и UX в плане код сплитинга, чанков стили и т.п

но все это фигня, когда дело доходить до конфига вебпака, вот где нужно углубляться. У тебя будет и хороший DX и UX в плане код сплитинга, чанков стили и т.п

Спасибо за стек, пойду пережёвывать

Спасибо за стек, пойду пережёвывать

это фигня на самом деле. Вот что мозги ебет

что прям весь lodash импорт?

что прям весь lodash импорт?

?

Сова ещё вчера скринил. Что-то встали цифры

Доброе время суток. Прошу сильно не пинать, React не знаю а приходится его использовать для разработки. Суть проблемы - как сделать, чтобы при заходе по любому роутеру выдавалась страница авторизации (если пользователь не авторизированый), а только после авторизации пускала дальше.

Доброе время суток. Прошу сильно не пинать, React не знаю а приходится его использовать для разработки. Суть проблемы - как сделать, чтобы при заходе по любому роутеру выдавалась страница авторизации (если пользователь не авторизированый), а только после авторизации пускала дальше.

Hoc

Доброе время суток. Прошу сильно не пинать, React не знаю а приходится его использовать для разработки. Суть проблемы - как сделать, чтобы при заходе по любому роутеру выдавалась страница авторизации (если пользователь не авторизированый), а только после авторизации пускала дальше.

На сайте React training есть рецепты и среди них найди Private routes

Спасибо

Доброе время суток. Прошу сильно не пинать, React не знаю а приходится его использовать для разработки. Суть проблемы - как сделать, чтобы при заходе по любому роутеру выдавалась страница авторизации (если пользователь не авторизированый), а только после авторизации пускала дальше.

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

Доброе время суток. Прошу сильно не пинать, React не знаю а приходится его использовать для разработки. Суть проблемы - как сделать, чтобы при заходе по любому роутеру выдавалась страница авторизации (если пользователь не авторизированый), а только после авторизации пускала дальше.

https://reacttraining.com/react-router/web/example/auth-workflow Если что это и есть Hoc https://reactjs.org/docs/higher-order-components.html

Доброе время суток. Прошу сильно не пинать, React не знаю а приходится его использовать для разработки. Суть проблемы - как сделать, чтобы при заходе по любому роутеру выдавалась страница авторизации (если пользователь не авторизированый), а только после авторизации пускала дальше.

1. Аутентификация, а не авторизация 2. Полно ссылок по запросу react router authentication, к примеру https://medium.com/the-many/adding-login-and-authentication-sections-to-your-react-or-react-native-app-7767fd251bd1

как в styled components прогрузить font для какого-то компонента (вариант с глобалом мне не подходит)

как в styled components прогрузить font для какого-то компонента (вариант с глобалом мне не подходит)

очень странно, что у тебя есть отдельный фонт для компонента

стайледы к подгрузки шрифтов мало отношения имееют

можно динамически шрифт подгрузить когда надо

И работают хуёво в v3. Берешь цсс файл суешь туда шрифты и юзаешь в чем трабл?

Как выяснилось, styled-components стили не могут быть экстрагированы в статический CSS файл (например используя extract-text-webpack-plugin). Это значит, что браузер не сможет начать интерпретацию стилей до тех пор, пока styled-components не «распарсит» их и не добавит в DOM.

я помню мы тут обсуждали

но не могу найти

Как выяснилось, styled-components стили не могут быть экстрагированы в статический CSS файл (например используя extract-text-webpack-plugin). Это значит, что браузер не сможет начать интерпретацию стилей до тех пор, пока styled-components не «распарсит» их и не добавит в DOM.

Во первых это не так долго, во вторых можно добавить ssr

я сейчас смотрю перфоманс, и там рекалк стилей все равно происходит после парса дома

что со стайледами, что с css

Как выяснилось, styled-components стили не могут быть экстрагированы в статический CSS файл (например используя extract-text-webpack-plugin). Это значит, что браузер не сможет начать интерпретацию стилей до тех пор, пока styled-components не «распарсит» их и не добавит в DOM.

А мужики то и не знали)

Всё зависит от твоего желания

Вебпак весь увешан хуками вплоть до действия над каждой переменной в коде

тут скорей вопрос в том, что css в другом потоке парситься, а со стайледами в потоке парса js

может я не там смотрю, но во вкладке перфоманс, я вижу, что стили начинают перевычисляться после парса ДОМ

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

Никто не мешает экстрагировать при компиляции так как тебе требуется

Если конечно есть достаточно сильная мотивация)

Более того, емнип, в стайлед бабель плагине похожий вариант изначально есть

получается, даже если хитро писать стили, то на gpu они не уйдут вычисляться?

Чем хитрее твой цсс тем больше он будет перевычисляться

Тут даже не в стайледе дело

ERROR: S client not available

Просто ты заюзал атрибуты вызывающие reflow

из-за этого пункта, я не могу протащить стайледы в проект (

из-за этого пункта, я не могу протащить стайледы в проект (

так а в чем у тебя проблемы?

так а в чем у тебя проблемы?

мне не хватает аргументов, чтобы этот пункт в споре выиграть

мне не хватает аргументов, чтобы этот пункт в споре выиграть

а с кем ты споришь?)

а с кем ты споришь?)

с ведущим разработчиком

так а в чем у тебя проблемы?

https://github.com/styled-components/styled-components/issues/1593

чтобы sass не использовать

вот один из вариантов проблем с sc

вот один из вариантов проблем с sc

это не проблема, шрифты через css лучше подключать

в одном из проектов было такое export const Label = styled.label` font-size: 16px; .... ${props => props.isActive && ` font-size: 11px; .... `}; `; Это вызывало перезагрузку фонтов

https://github.com/styled-components/styled-components/issues/1593

да из за этого шрифты импорчу не стайледом

да из за этого шрифты импорчу не стайледом

+, можно отдельно подрубить

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

SC больше про стилизацию компонентов, а не какие-то вещи как шрифты

тогда бы они лучше не делали injectGlobal

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

ну вроде как в будущем будет, пока можно это на ssr вынести

тогда бы они лучше не делали injectGlobal

через него body определять и т.д

тогда бы они лучше не делали injectGlobal

они его и убрали )

но не шрифты

мне не хватает аргументов, чтобы этот пункт в споре выиграть

Грузятся стили только для того что отрендерено

Грузятся стили только для того что отрендерено

такой ответ не проканает)