хотя не очень понятно, почему ты связываешь это с one-data-direction

тупо скоуп

неймспейс

уникальный

для компонента

ну

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

получится что я противоположенную сторону данные пуляю

а тут - да

за счёт уникальности неймспейса и получается скоуп

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

я даже не помню, внедрена она уже, или ещё нет

я думал ты про эту: <style scoped> h1 {color:red;} p {color:blue;} </style>

получится что я противоположенную сторону данные пуляю

интересно, не задумавался об этом с такой стороны

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

я даже не помню, внедрена она уже, или ещё нет

Shadow dom

но связь не самая очевидная

просто это в голову никому не приходит даже так делать

чтобы стили были глобальные

в компоненте

мммм

ну стили так и так глобальные ведь

ты прост селекторами обуславливаешь их локальность

ну с этим и борьба

ну да)

исключение - style scoped

но я погуглил - её чёт не просто не внедрили, но и выпилили

потому что если у тебя компонент - это building block - тебе селекторы нафик не нужны, а наоборот - мешают

Посоветуйте какой-то проект и открытым кодом, сделанный на redux, который можно было бы показать начинающему для примера.

потому что если у тебя компонент - это building block - тебе селекторы нафик не нужны, а наоборот - мешают

Жалко что на инлайн стилях многооо нельзя сделать

я думаю рано или поздно в браузерах что-то интересное начнет появляться для решения этих проблем. Вероято, что webcomponents как раз в эту сторону. Пробовал кто-нибудь reactом webcomponents рендерить? Интересно было бы увидеть какое-нибудь рабочее решение. Чтобы был 1-way data flow + webcomponents

у них же там вроде бы и есть основная фишка - изоляция стилей

или все не так?

хм.. https://developer.mozilla.org/en/docs/Web/API/HTMLElement

надо в общем изучить, что там происходит

чтобы стили были глобальные

Делай изоляцию

.[COMPONENT_NAME].[STYLE_NAME]

Вебпак это могет, над конфиг настроить Внутри просто стили в объект импортишь и юзаешь `className={styles.container}`

уже и более продвинутые подходы есть

уже и более продвинутые подходы есть

Какие например?

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

кто делает скролл до секции а не наверх страницы при роутинге?

Тут есть человек, который делал на react-native что-то наподобие табов в safari ios?

ппл, можно как-то определения переменных из .scss импортировать в компонент?

Тут есть человек, который делал на react-native что-то наподобие табов в safari ios?

Можно тут спросить https://telegram.me/reactnative_ru

Спасибо

Есть кто использует styled-components?

Всем привет, можно вопрос по redux?

Ты лучше сначала задавай вопрос, а потом, кто сможет — ответит

Всем привет, можно вопрос по redux?

можно, задавай

Есть кто использует styled-components?

Не-а, все jss используют

Есть такое приложение https://github.com/jaysoo/todomvc-redux-react-typescript Я сделал свой компонент и заменил там другой им

У App есть Provider

Надо ли мне свой провайдер для компонента делать?

Или нужно из верхнего как-то прокинуть?

Вопрос по styled-components как правильно стилизовать компонент который приходит из пропсов: const { Component } = this.props return ( {styled(component)( ..css)} ) или есть какой-то более красивый способ

Не-а, все jss используют

Он хорош? первый опыт сейчас с css-in-js - styled-components про другие либы только читал

Он хорош? первый опыт сейчас с css-in-js - styled-components про другие либы только читал

он хорош

но на самом деле я пошутил про все

просто jss один из самых популярных

ERROR: S client not available

okay

@zhpg7 Provider должен оборачивать только корень приложения. компоненты(правильнее даже контейнеры) оборачиваются в connect, посмотри в доке.

видимо никто особо не юзает или все отдыхают от чатиков в выходные

Не-а, все jss используют

А на счёт cssx?

Который также может использовать jss

@zhpg7 Provider должен оборачивать только корень приложения. компоненты(правильнее даже контейнеры) оборачиваются в connect, посмотри в доке.

О, спасибо

Это конечно замечательно, но непонятно всё равно, как в другом компоненте к стору обратиться

дока... два аргумента у коннект, первый mapStateToProps, ему прокидывается state(store) и ты из него достаешь то, что нужно, затем коннект прокидывает в твой компонент(контейнер) через this.props, то, что ты указал в mapStateToProps. как все оформить есть в доке или найди какой то простой бойлерплейт

Это конечно замечательно, но непонятно всё равно, как в другом компоненте к стору обратиться

connect

сука не прошло и месяца как мне удалось настроить форматирование jsx в саблайме )

вот это я быстрый ага?)

шустрый прям

дока... два аргумента у коннект, первый mapStateToProps, ему прокидывается state(store) и ты из него достаешь то, что нужно, затем коннект прокидывает в твой компонент(контейнер) через this.props, то, что ты указал в mapStateToProps. как все оформить есть в доке или найди какой то простой бойлерплейт

не осилил. Видимо не судьба.

https://www.youtube.com/watch?v=wa1NaL_WWpI по-моему здесь говорится о том что мне нужно

hardest part of redux

Ребят, по стилю нормально смотрится?

хотелось бы быть поближе к общепринятым нормам

их нет толком) этих норм, нормально, надо внутри команды такие штуки оговаривать имхо, всем не угодишь

thankyou с пробелом

можно было бы вынести форму и thankyou в отдельные компоненты, чтоб не было так громоздко

но это по вкусу конечно

thankyou с пробелом

ага я говорил об этом разрабу )) а он говорит, мол, ну это не критично... и забил на это короче )

а че все саблайме пишут? вебсторм не используете?)

можно было бы вынести форму и thankyou в отдельные компоненты, чтоб не было так громоздко

а, ну я имел ввиду именно разметку

или как сказать правильно

красоту кода?

Какие Open Source проекты посоветуете глянуть? Как правильно писать на react

ну короче я бьютифаер настраиваю