Дело в самом компонентальном подходе. Компонент - это обособленная единица, он должен быть самодостаточен и держать все свои стили при себе

А вообще, стоит посмотреть в сторону styled-components

А есть ли разница между подходами в стилизаций? В плане производительности

Styled-components довольно медленный, в в плане производительности css modules выигрывают. Однако в архитектурном плане css модули - это очень не удобно.

А кто-то работал с astroturf? Заявляют что зеро рантайм. Если это так, то фактически нивелирован единственный минус стайледов ведь

ребят, кто работал с gatsby? Объясните как сделать роутер с параметром? Типа как в реакт роутере /posts/:postId и как достать потом этот postId из компонента

А кто-то работал с astroturf? Заявляют что зеро рантайм. Если это так, то фактически нивелирован единственный минус стайледов ведь

astroturf очень слабый, по сути это css modules, linaria и treat лучше

Styled-components довольно медленный, в в плане производительности css modules выигрывают. Однако в архитектурном плане css модули - это очень не удобно.

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

Что такое линария?

А есть какой-то предпочитаемый сообществом способ организовывать стайлд компоненты? Лучший что нашел пока для себя это пилить их в отдельной папочке, импортить и экспортить в индексе, и потом делать import S from './styled', но все равно что-то не то

Ну да, мы про скорость начальной инициализации говорим

ребят, кто работал с gatsby? Объясните как сделать роутер с параметром? Типа как в реакт роутере /posts/:postId и как достать потом этот postId из компонента

Я через патч делал ?id

Styled-components довольно медленный, в в плане производительности css modules выигрывают. Однако в архитектурном плане css модули - это очень не удобно.

в итоге как лучше с css работать? если тебе выдали верстку страниц и там несколько файлов css. что с ними делать? оставить как есть или распилить и в компоненты запихать?

в итоге как лучше с css работать? если тебе выдали верстку страниц и там несколько файлов css. что с ними делать? оставить как есть или распилить и в компоненты запихать?

Оставить как есть

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

есть может какой инструмент чтобы смержить это все и выявить что гасит друг друга?

Я через патч делал ?id

Так просто? А есть ссылка на доку?

Так просто? А есть ссылка на доку?

https://stackoverflow.com/questions/48938973/gatsby-js-navigating-with-url-parameters-and-the-browser-back-forward-buttons

Привет всем!

Подскажите почему не видит

numbers is not defined

Что за page.$eval

Тесты для сайта пишу

Похоже что в месте вызова функции result numbers ей не передается или передается как undefined

https://react-select.com есть такой автокомплит в реакте, там есть мультиселект с чипами, может кто-нибудь переопределял его так, чтобы они оказывались не внутри инипута, а снаружи?

https://react-select.com есть такой автокомплит в реакте, там есть мультиселект с чипами, может кто-нибудь переопределял его так, чтобы они оказывались не внутри инипута, а снаружи?

Да, я делал, находил где-то на codesanbox пример этого

Да, я делал, находил где-то на codesanbox пример этого

если не сложно, можешь ссылку скинуть?

Добрый день можно вопрос по ssr . C помощью goja (golang) нашел примеры ssr react но в хроме нету маппинга на react компоненты - т е приходиться дебажить bundle.js не встречались с такой проблемой? она касается ssr или все должно быть точно так же как и при работе с обычным react. пока я понял что надо отладить работу и потом добавить ssr иначе дебаг при разработке сильно сложниться. использую ssr + nodejs - есть такая проблема?

Всем привет. Подскажите, пожалуйста, как правильно сделать добавление класса инпуту при ошибке заполнения формы? Через state или через чистый js (classList.add()) ?

Всем привет. Подскажите, пожалуйста, как правильно сделать добавление класса инпуту при ошибке заполнения формы? Через state или через чистый js (classList.add()) ?

в случае ошибки меняешь стейт, элементу в className={`bar baz ${this.state.foo}`}

в случае ошибки меняешь стейт, элементу в className={`bar baz ${this.state.foo}`}

А зачем доллар? Почему не className={this.state.emailClass}?

А зачем доллар? Почему не className={this.state.emailClass}?

предполагалось, что у тебя могут быть ещё классы

Всем привет. Подскажите, пожалуйста, как правильно сделать добавление класса инпуту при ошибке заполнения формы? Через state или через чистый js (classList.add()) ?

npm clsx, classnames

Всем привет. Подскажите, пожалуйста, как правильно сделать добавление класса инпуту при ошибке заполнения формы? Через state или через чистый js (classList.add()) ?

Не надо лазить в дом!

Страницы в Реакте - отдельные компоненты. Переключение страниц осуществляется при помощи сторонних библиотек, самая популярная из которых - React Router.

Смотря какой вариант ты делаешь. Если SPA то смотри react-router или reach router

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

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

Всем привет. Не могу заставить регулярку работать: Сама регулярка: @\[[^.*]+?\]\(pseudoId:[a-zA-Z0-9]+?\) Текст: @[Хранимое поле 1](pseudoId:innerValueName1) asjd il fler rel revlk vjerwv@[Хранимое поле 1](pseudoId:innerValueName1) dsf eqref @[Хранимое поле 1](pseudoId:innerValueName1) Делаю в консоли: c = /@[[^.*]+?](pseudoId:[a-zA-Z0-9]+?)/gm b = [text] c.text(b) — показывает false. Простые регуляки типа /e/.test('@[Хранимое поле 1](pseudoId:innerValueName1)') — работают. Саму регулярку писал на regex101, там работает. Посоветуйте, куда копать. C regex в JS первый раз сталкиваюсь.

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

Похоже на hash router из react-router

Ребят почему может пробел не хотеть вставляться?) У меня styled component кнопка, в ней внутри span с текстом и текст, между ними не хочет пробел отрисовывать

Ребят почему может пробел не хотеть вставляться?) У меня styled component кнопка, в ней внутри span с текстом и текст, между ними не хочет пробел отрисовывать

{" "}

{" "}

Пробовал. И так не хочет)

Похоже на hash router из react-router

может ли это быть hashHistory?

может ли это быть hashHistory?

Не подскажу. А ты в код смотрел, есть там react-router? Используется ли hash router из него?

Не подскажу. А ты в код смотрел, есть там react-router? Используется ли hash router из него?

А вверху в импортах что такое Router покажи

Но скорее всего это HashRouter, смотри доки react-router

Ну скорее всего получается hash router при передаче в него hash history

Ребят почему может пробел не хотеть вставляться?) У меня styled component кнопка, в ней внутри span с текстом и текст, между ними не хочет пробел отрисовывать

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

а подскажите красивый способ спрятать вот такие потроха и множественные проверки через &&

Ребят почему может пробел не хотеть вставляться?) У меня styled component кнопка, в ней внутри span с текстом и текст, между ними не хочет пробел отрисовывать

У баттон стоит display: flex; Убераю его - пробел появляется

У баттон стоит display: flex; Убераю его - пробел появляется

Ты сам ответил на свой вопрос

Ты сам ответил на свой вопрос

А как же пробел добавить, оставив дисплей флекс?)

Через margin можешь

а подскажите красивый способ спрятать вот такие потроха и множественные проверки через &&

В переменные записать

Через margin можешь

Выводит пробел через   или {'\u00A0'}

Друзья возможно ли запомнит страницы, при повторного перехода например есть страница / с неё я перехожу на /faq как сделать что бы при обратного ререхода на главный не повторять запросы к серверу?

храни в сервисе или глобальном сторе

а подскажите красивый способ спрятать вот такие потроха и множественные проверки через &&

display-if

а подскажите красивый способ спрятать вот такие потроха и множественные проверки через &&

Можно вынести чуть выше

В переменные записать

(вопрос снят) собственно, мне подошел вот этот вариант)

Типа const view = true && твой жсикс const emptyView .... return ( {view} {emptyView) )

Типа const view = true && твой жсикс const emptyView .... return ( {view} {emptyView) )

тоже неплхо) спасибо!

тоже неплхо) спасибо!

Ток пример ещё оберни в фрагмент или дом элемент

ребята....кто-нибудь может помоч с маленьким тестовым проектом(react-redux)...мне просто надо изменить имя одного из элементо и я вижу как оно меняется, но в конце приложение скидывается на initialState...удивляет, что остальные action работают нормально.два дня бьюсь не могу понять. https://codesandbox.io/s/cold-moon-vos67 главный фигуран components/album-list......тыкаем на шестеренку -> rename label -> new label -> save...и видно как меняется label, но приложение обновляется до initialState

Народ, хочу задать компоненту дефолтные параметры. Как это выглядет в связке с typescript и react 16.8+ в котором уже нет class-based components? Просто покажите, как это выглядит синтаксически

Народ, хочу задать компоненту дефолтные параметры. Как это выглядет в связке с typescript и react 16.8+ в котором уже нет class-based components? Просто покажите, как это выглядит синтаксически

А класс причём? Как было так и осталось

добрые люди, подскажите кто-нибудь. уже мозг вскипает. я не могу разобраться с хуками. в примере, который использую написано export const ... (props) и тд. у меня длинный код с использованием класса который я никак не могу переделать. (если что я читала доку и сама могу скинуть ссылку) я пробовала это все запихнуть в функцию, но он говорит что пропущен символ. хз какой. так вообще можно делать?

Всем привет, а кто-нибудь умеет писать регулярки?

А класс причём? Как было так и осталось

Ок, забудь про слово "класс" в моем вопросе Просто покажи пример кода: default props values + typescript + version of react 16.8+

добрые люди, подскажите кто-нибудь. уже мозг вскипает. я не могу разобраться с хуками. в примере, который использую написано export const ... (props) и тд. у меня длинный код с использованием класса который я никак не могу переделать. (если что я читала доку и сама могу скинуть ссылку) я пробовала это все запихнуть в функцию, но он говорит что пропущен символ. хз какой. так вообще можно делать?

перед каждом вызовом функции напиши const

ты внутри функции объявляешь другие функции, и тебе их надо инициализировать

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

Жесть