Василий
скажите - какой подход нужен.
есть в пакете для slider а свой css. подулючать его надо как
import 'rc-slider/assets/index.css';
вот этот index.css - его надо в общий файл собрать и уже его подключать ?
Ryhor
Кто-нибудь знает, как пофиксить появления нижнего прокручивания в firefox?
Alexander
overflow-x?
Лев
Василий
так судя по htmk инспектору этот импорт в тег style все внутренности собирает
Yuuki
скажите - какой подход нужен.
есть в пакете для slider а свой css. подулючать его надо как
import 'rc-slider/assets/index.css';
вот этот index.css - его надо в общий файл собрать и уже его подключать ?
Просто осиль вебпак
Хотябы документацию именно там где расписано по какой логике он все собирает
Василий
пишет
<style>
.myClass{
}
</style>
вместо <style src="file.css"/>
TheHesoyam
у вас spa? использовать @reach/router или react-router или что-то подобное
TheHesoyam
Вообще, вы свой код посмотрите, возможно вы модуль поставили, который пропсы хистори мутирует
Anonymous
Xin chào mọi người .
🦜
ну я не шпрехаю вери вел на англиску мове
🦜
someone cant help u
TheHesoyam
https://reacttraining.com/react-router/web/api/withRouter
Ознакомьтесь
TheHesoyam
Вообще если нету желания изучать routing то лучше используйте @reach/router. Она проще.
Amyr
потихоьнку разибраю реакт
Amyr
ребята,а модули в реакте стилевые нельзя в другие папки помещать?
Amyr
я когда перенес к примеру в components/css/button,module.js
Amyr
консолька написала cant resolve
Amyr
а когда перенес в корневой каталог все запустилось
🦜
я когда перенес к примеру в components/css/button,module.js
ну реакт тут не причем, а такой структурой ты только хуже делаешь
🦜
чтобы посмотреть стили к компоненту нужно выйти и зайти в папку css найти компонент и только потом стили изменить
Amyr
ну реакт тут не причем, а такой структурой ты только хуже делаешь
почему?мне сказали наоборот используй разбивку на components
🦜
почему?мне сказали наоборот используй разбивку на components
ui/Button/
index.js
Button.js
button.styles.js
Amyr
ну вот сейчас все нормально закомпилилось
Amyr
http://prntscr.com/o4bu65
Amyr
а стоп,я тупанул)соре)
Amyr
вопрос снят)
Timofey
вопрос по formik, почему-то в форме с FieldArray onSubmit не срабатывает
Eduard
а почему яндекс переезжает с гита на свен?
yandexphp
Всем привет, никто не сталкиволся с такой проблемой?
Нужно чтоб пользовательский код который он ввидет в редактор React спарсил его и выполнил. Юзаю библиотеку react-jsx-parser.
- Но там проблема с выполнением JS скрипта в JSX
Example:
`<ul>
{
arr.map(x => <li>{item}</li>)
}
</ul>`
Zaff
Привет. Хочу спросить как вы делаете верстку в реакте с css модулями. Даете каждому новому элементу новые классы, чтобы стилизовать его или же стилизуете по родителю (nesting)?
TheHesoyam
Привет. Хочу спросить как вы делаете верстку в реакте с css модулями. Даете каждому новому элементу новые классы, чтобы стилизовать его или же стилизуете по родителю (nesting)?
Вообще я вам советую emotion использовать, вам удобней будет управлять приложением (мне так по крайней мере).
Zaff
Вообще я вам советую emotion использовать, вам удобней будет управлять приложением (мне так по крайней мере).
я только делаю первый проект, пришел из мира верстки и БЭМ, сложно поменять мышление БЭМ 😂
Zaff
для начала решил начать с css модулями, потом может попробую emotion/styled-components
TheHesoyam
👌
Eduard
а что будет, если передать ключу значение не уникальное?
Zaff
а что будет, если передать ключу значение не уникальное?
видимо, реакт изменит оба элемента с таким значением
дикий
Ошибка
Zaff
или же просто перестанет работать
TheHesoyam
а что будет, если передать ключу значение не уникальное?
если будет значение у правого и левого соседа то реакт будет ругать тебя
TheHesoyam
он будет ругаться из-за потерь оптимизации
дикий
Да, я подразумевал то, что он будет писать в консоль об этом
Zaff
он будет ругаться из-за потерь оптимизации
то есть, не будет обновлять элемент по айди, а пройдет по нему циклом?
некое фоллбечное поведение?
TheHesoyam
а что будет, если передать ключу значение не уникальное?
советую использовать uniqueId() lodash - если вам сложно брать уникальные значения из данных
🦜
Привет. Хочу спросить как вы делаете верстку в реакте с css модулями. Даете каждому новому элементу новые классы, чтобы стилизовать его или же стилизуете по родителю (nesting)?
зачем? Просто называешь как тебе надо. Ты не по классам ориентируешься, а по компонентам
🦜
TheHesoyam
лол, лучше nanoid
если тяжело брать уникальные значения для трех элементов то без разницы что
Zaff
зачем? Просто называешь как тебе надо. Ты не по классам ориентируешься, а по компонентам
Zaff
а здесь css modules позволяет в принципе просто писать селекты нестингом
TheHesoyam
я только делаю первый проект, пришел из мира верстки и БЭМ, сложно поменять мышление БЭМ 😂
Бест апроч когда у тебя на компонент папка в папке js и css модуль (в твоем случае)
Zaff
меня больше интересует как писать сам css, как селектить элементы
Zaff
нормально давать всем элементам в компоненте свои классы или же селектить их по родителю?
TheHesoyam
меня больше интересует как писать сам css, как селектить элементы
наследование не стоит использовать
🦜
.card
border: ...
.on
color: green
.off
color: grey
import styles from './module.css'
<div className={`${styles.card} ${isActive ? styles.on : styles.off} />
Zaff
🦜
а здесь css modules позволяет в принципе просто писать селекты нестингом
вот так не надо делать, потому что это неявно
TheHesoyam
наследование не стоит использовать
с присваиванием каждому элеенту класс позволяет вам использовать возможности реакт для...
Zaff
вообще, хотелось бы какие-то руководства именно по стилям в реакте, со сравнениями разных технологий вроде emotion, SC и лучшими практиками
Zaff
сколько не гугли про реакт, всегда только про сам реакт (логику приложения), а про верстку в реакт проектах - ничего
🦜
сколько не гугли про реакт, всегда только про сам реакт (логику приложения), а про верстку в реакт проектах - ничего
https://habr.com/ru/post/335244/
Vitalii
вообще, хотелось бы какие-то руководства именно по стилям в реакте, со сравнениями разных технологий вроде emotion, SC и лучшими практиками
SC - старайся избегать. У них рантайм печаль. Сейчас вышли обновления, но всеравно печаль. Ситник много про них писал
🦜
вообще, хотелось бы какие-то руководства именно по стилям в реакте, со сравнениями разных технологий вроде emotion, SC и лучшими практиками
Ты изначально неправильно строишь вопрос.
> по стилям в реакте
Реакт это лишь либа для создания ui,
а какие ты будешь применять инструменты для стилизации зависит лишь от тебя
Дима
🦜
ситника даже приплел
Дима
обратно к класснеймам деградировать
Cenator 🐈
SC - старайся избегать. У них рантайм печаль. Сейчас вышли обновления, но всеравно печаль. Ситник много про них писал
Ситник это верстальщик вроде известный, а к реакту он каким боком?