создание вакансии
И как это связано?
Vadim
Bogdan
И как это связано?
ну там будет 5 шагов, которые из молекул состоят полюбому значит уже 10 кмпонентов + там 10 итого 20 почти одинаковых компонентов
Bogdan
и в каждый компонент тянуть валидацию тоже нужно ведь
Sergey
Ты откуда цифры берешь
Sergey
5 шагов
И молекулы с атомами, общие для всех
Sergey
Все
Cenator 🐈
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, вроде все сделал по документации, а почему такое странное поведение не знаю, может у кого было такое ?
Ivan
john john
да
Андрей
Есть массив с картинками.
Надо мапом пройтись по нему и на каждой итерации создать обёртку с двумя картинками.
Как правильно сделать?
Пока придумал так, что на первой итерации вставить
images[i] и images[i + 1], а потом пропустить итерацию , затем вставить ещё обёртку и туда images[i] и images[i + 1] затем снова пропустить итерацию?
Nikolai
Есть массив с картинками.
Надо мапом пройтись по нему и на каждой итерации создать обёртку с двумя картинками.
Как правильно сделать?
Пока придумал так, что на первой итерации вставить
images[i] и images[i + 1], а потом пропустить итерацию , затем вставить ещё обёртку и туда images[i] и images[i + 1] затем снова пропустить итерацию?
циклом пройдитесь обычным с инкрементом +2. не мапом
Таймураз
Поменяй ник или забаню во всех чатах
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
Одинаково. Некст больше настраивать, но он и работать может быстрее
Andrew
Одинаково. Некст больше настраивать, но он и работать может быстрее
а если не брать скорость, а для сео?
artalar
Подскажи пожалуйста, для роботов Гугла и Яндекса, какой инструмент лучше.
Вообще если вы имеете в виду Prerender.io - это одно, и название у него не в тему. Вообще prerender, пререндер - это рендер ключевых страниц, без данных или на хаглушках, на этапе компиляции исходников - это работает быстрее всего, но не может содержать данных, которые у вас в БД постоянно обновляются.
Следующий шаг - SSR - т.е. рендеринг на стороне сервера, имеется в виду каждого запроса. next.js и Prerender.io в этом плане одинаковые. Хотя с последним я не работал, может не знаю каких-то особенностей
artalar
prerender.io испрользует chrome-remote-interface вместо пупеттира, видимо наследие легаси, такое себе..
Petr
Спасибо👍
АА
Чем делают 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 для фронтенда вообще можете посоветовать?
Rou
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'
}
}
}
так верно?
Rou
Какой самый популярный способ стилизации ReactJS? Лучше подключать отдельно файлы css и scss или всё же JSS. (Учу React, на что сделать упор)
Никита Суханов
Какой самый популярный способ стилизации ReactJS? Лучше подключать отдельно файлы css и scss или всё же JSS. (Учу React, на что сделать упор)
У меня для каждого компонента есть папка, в котором js и css
Rou
У меня для каждого компонента есть папка, в котором js и css
Я уже думаю так и делать) А к JSS думаю позже вернуться
Тимофей 🛴
Тимофей 🛴
scss?
styled components, скоро скорее всего все метнутся к чему то типо linaria но api похож
Никита Суханов
Это чтоб абстрагироваться на js?
АА
React Developer Tools не показывает содержимое при использовании useState. Может аналоги какие есть (плагина для браузера)?
Andrey
Зачем это юзать? Нельзя что ли ручками написать css?
Сложный вопрос который может вызвать войны.
Иногда нельзя
Rou
Сложный вопрос который может вызвать войны.
Иногда нельзя
Думаю для начала выучу создание отдельных css, позже уже решу с библиотеками стилей
Sergey
Зачем это юзать? Нельзя что ли ручками написать css?
CSS с динамически свойствами
Минификация названий классов
Тришейкинг
Dmitriy
- упрощается сборка проекта
- легко реализовать библиотеку компонентов
- гораздо проще синтаксис и очевиднее работа
- p => p.active && css` color: black; `
- critical css
- изоляция
Rou
CSS с динамически свойствами
Минификация названий классов
Тришейкинг
Nikolai
- упрощается сборка проекта
- легко реализовать библиотеку компонентов
- гораздо проще синтаксис и очевиднее работа
- p => p.active && css` color: black; `
- critical css
- изоляция
Как это кешируется на клиенте? Все же стили в бандле js получается?
Nikolai
По времени
Sergey
Никита Суханов
CSS с динамически свойствами
Минификация названий классов
Тришейкинг
Тришейкин? Это что?