Vadim
создание вакансии
И как это связано?
Bogdan
И как это связано?
ну там будет 5 шагов, которые из молекул состоят полюбому значит уже 10 кмпонентов + там 10 итого 20 почти одинаковых компонентов
Bogdan
и в каждый компонент тянуть валидацию тоже нужно ведь
Sergey
Ты откуда цифры берешь
Bogdan
Чего
ну а сколько, 5 шагов например это 5 страницы
Sergey
5 шагов И молекулы с атомами, общие для всех
Sergey
Все
Bogdan
Чего
организмы делать не обязательно?
Sergey
организмы делать не обязательно?
Только то что нужно переиспользовать
Bogdan
Пример переиспользования, например карточка продукта, шаблоны?
Anonymous
Предисловие: Использую monorepo (lerna + yarn workspaces). Есть 2 пакета: package1 и package2. package1 - представляет из себя обычное CRA приложение. В dependency указаны: react-dom, react. package2 - экспортирует react компонент. В dependency указаны: axios. В peerDependency указаны: react-dom, react. версии совпадают. внутри package.json(package1) в dependency указан package2. Проблема: Когда в корневом приватном пакете я лерной вызываю lerna bootstrap (или просто yarn) в процессе установки мне выкидывает ворнинги мол: │ warning " > package2" has unmet peer dependency "react". │ warning " > package2" has unmet peer dependency "react-dom". Вопрос: Почему я вижу ворнинги?
Mikhail
Пример переиспользования, например карточка продукта, шаблоны?
Пример переиспользования это связка инпут+лейбл+хинт
Mikhail
Которую ты переиспользуешь на каждом шаге
enshck
Ребят, всем привет, такой вопрос решил сделать отложенную загрузку компонента, с помощью lazy, и suspense, так вот поставил спинер, вроде все работает, но проблема в том что страничка, переключаясь со спинера по-идее должна быть уже полностью прогружена, но это к сожалению не так. Suspense ставил в между свитчем и роутом, импортирую чз lazy, вроде все сделал по документации, а почему такое странное поведение не знаю, может у кого было такое ?
john john
да
Андрей
Есть массив с картинками. Надо мапом пройтись по нему и на каждой итерации создать обёртку с двумя картинками. Как правильно сделать? Пока придумал так, что на первой итерации вставить images[i] и images[i + 1], а потом пропустить итерацию , затем вставить ещё обёртку и туда images[i] и images[i + 1] затем снова пропустить итерацию?
Таймураз
Поменяй ник или забаню во всех чатах
Rou
Всем привет
Rou
Rou
Подскажите пожста, не могу найти рунете никакой инфы про JSS 🙈
Тимофей 🛴
Подскажите пожста, не могу найти рунете никакой инфы про JSS 🙈
Почитаем доку за тебя) https://cssinjs.org/styled-jss?v=v2.2.3 const Button = styled('button')({ fontSize: 12, color: (props) => props.theme.textColor }) // Composition. const PrimaryButton = styled(Button)({ color: 'red' })
Andrew
Привет, какое самое лучшее і простое решение для ssr в реакт?
Petr
А как насчёт prerender?
artalar
Это разныеы инструменты, выбор между ними зависит от задачи
Petr
Это разныеы инструменты, выбор между ними зависит от задачи
Подскажи пожалуйста, для роботов Гугла и Яндекса, какой инструмент лучше.
artalar
Одинаково. Некст больше настраивать, но он и работать может быстрее
artalar
Подскажи пожалуйста, для роботов Гугла и Яндекса, какой инструмент лучше.
Вообще если вы имеете в виду Prerender.io - это одно, и название у него не в тему. Вообще prerender, пререндер - это рендер ключевых страниц, без данных или на хаглушках, на этапе компиляции исходников - это работает быстрее всего, но не может содержать данных, которые у вас в БД постоянно обновляются. Следующий шаг - SSR - т.е. рендеринг на стороне сервера, имеется в виду каждого запроса. next.js и Prerender.io в этом плане одинаковые. Хотя с последним я не работал, может не знаю каких-то особенностей
artalar
prerender.io испрользует chrome-remote-interface вместо пупеттира, видимо наследие легаси, такое себе..
Petr
Спасибо👍
АА
Чем делают e2e в React?
artalar
Чем делают e2e в React?
Ну стараются руками, хотя не всегда выходит...
Rou
Почитаем доку за тебя) https://cssinjs.org/styled-jss?v=v2.2.3 const Button = styled('button')({ fontSize: 12, color: (props) => props.theme.textColor }) // Composition. const PrimaryButton = styled(Button)({ color: 'red' })
const Button = styled('button')({ fontSize: 12, color: (props) => props.theme.textColor }) На сколько я понял тут button внутри Button стилизуется А что если мне нужно застилизовать див у котого назначено два класса <div className={class_1 class_2} />, то есть если у дива один из двух классов то стилизовать его не нужно const styles = { class_1:{ [& ${class_2}]: { color: 'green' } } } так верно?
Тимофей 🛴
АА
Ну стараются руками, хотя не всегда выходит...
Что-нибудь кроме Mocha для фронтенда вообще можете посоветовать?
АА
Cypress
Спасибо
Rou
Какой самый популярный способ стилизации ReactJS? Лучше подключать отдельно файлы css и scss или всё же JSS. (Учу React, на что сделать упор)
Rou
У меня для каждого компонента есть папка, в котором js и css
Я уже думаю так и делать) А к JSS думаю позже вернуться
Rou
Sc
scss?
Тимофей 🛴
Vadim
Cypress
Бесплатного тарифа хватает?
Тимофей 🛴
scss?
styled components, скоро скорее всего все метнутся к чему то типо linaria но api похож
Rou
Jss?
Да css in js https://cssinjs.org/
Никита Суханов
Да css in js https://cssinjs.org/
Ого. Прикольно
Никита Суханов
Это чтоб абстрагироваться на js?
Andrey
Ого. Прикольно
На самом деле не так прикольно
Dmitriy
Да css in js https://cssinjs.org/
Зайди глянь доку styled там все элементарно
Тимофей 🛴
Бесплатного тарифа хватает?
Я без дашборда планировал юзать, так что хз
Никита Суханов
На самом деле не так прикольно
Зачем это юзать? Нельзя что ли ручками написать css?
АА
React Developer Tools не показывает содержимое при использовании useState. Может аналоги какие есть (плагина для браузера)?
Andrey
Зачем это юзать? Нельзя что ли ручками написать css?
Сложный вопрос который может вызвать войны. Иногда нельзя
Rou
Сложный вопрос который может вызвать войны. Иногда нельзя
Думаю для начала выучу создание отдельных css, позже уже решу с библиотеками стилей
Sergey
Зачем это юзать? Нельзя что ли ручками написать css?
CSS с динамически свойствами Минификация названий классов Тришейкинг
Dmitriy
- упрощается сборка проекта - легко реализовать библиотеку компонентов - гораздо проще синтаксис и очевиднее работа - p => p.active && css` color: black; ` - critical css - изоляция
Rou
CSS с динамически свойствами Минификация названий классов Тришейкинг
Минификация названий классов? В css на сколько я знаю можно на прямую задавать стили компонентам
Nikolai
Ну бандл в кеш летит
И парсится как js?
Nikolai
По времени
Sergey
Минификация названий классов? В css на сколько я знаю можно на прямую задавать стили компонентам
вместо длинного .answeritem у тебя будет .Hgd Представь что тебе border-radius нужно динамически менять у всего класса
Sergey
Тришейкин? Это что?
клиенту отдаются только те CSS, которые сейчас есть на странице
Dmitriy
И парсится как js?
Критикал css как понимаешь?
Никита Суханов
Никита Суханов
Первый раз слышу
Ой,это не мне