Мой самый полездный совет это: выдели вопросы болдом :)

починил https://github.com/iamstarkov/initize/commit/b4cebd0ff56545dfdab91de591e8d954d15772a5

кто нибудь решал проблему с React-Hot-Loader 3.0 beta + SSR + React Router 3.X + async routes (webpack code splitting)? и если да, то как решили?

нужен ваш фидбек по поводу того, нормально ли объяснил проблемы с all: initial https://github.com/iamstarkov/initize

Мне кажется вполне ок ?

пофиксил

я вот не думаю, что есть смысл описывать basic как объект

я вот не думаю, что есть смысл описывать basic как объект

почему?

в SC оперируют строками.

а можно в двух словах зачем нужно all: initial? Как будто initial на то и есть initial, что в браузере так и есть? Смысл all: unset понятен

https://developer.mozilla.org/ru/docs/Web/CSS/all

почему?

basic можно описать просто строкой

а можно в двух словах зачем нужно all: initial? Как будто initial на то и есть initial, что в браузере так и есть? Смысл all: unset понятен

all: initial нужен для сброса всех свойств в initial. этим ты добиваешь двух избавления от двух проблем: 1. каскад 2. отделение семантики от представления

и как бонус все твои компоненты выглядят как тебе хочется и нигде не ломаются

Убедительно

Я бы добавил это в ридми

@iamstarkov как-то так https://gist.github.com/LestaD/0b2009eeb34364a501f465fb7923d1c1

all: initial нужен для сброса всех свойств в initial. этим ты добиваешь двух избавления от двух проблем: 1. каскад 2. отделение семантики от представления

разве если я не пропишу где-то сверху initial, а чуть ниже задам значение, оно не будет ниже каскадироваться? что-то не понимаю

вот написано у тебя там font-weight: normal, а потом у меня приложение обёрнуто в .wrapper { font-weight: bold; } и где тут защита от каскада?

А, или я на уровне компонента должен импортить эту либу и применять её?

А, или я на уровне компонента должен импортить эту либу и применять её?

на уровне компонента

то есть типа у себя в компоненте пишу .root { all: initial; }?

А, или я на уровне компонента должен импортить эту либу и применять её?

да

здорово, понятно, тогда правда имеет смысл

вот написано у тебя там font-weight: normal, а потом у меня приложение обёрнуто в .wrapper { font-weight: bold; } и где тут защита от каскада?

защита от каскада из вне, каскад внутрь компонента конечно остаётся. поэтому каждый компонент должен использовать all: initial для каждой дом ноды

@iamstarkov как-то так https://gist.github.com/LestaD/0b2009eeb34364a501f465fb7923d1c1

пришлёшь пулл-реквест?

выглядит хорошо

отправил

было бы неплохо добавить функцию toCSS в комплект

чтобы import initize from 'initize' import toCSS from 'initize/toCSS'

ну это так, предложение

@iamstarkov поправил опечатки всякие в ридми

было бы неплохо добавить функцию toCSS в комплект

Я лучше raw css сделаю

чтобы сходу '${initizeCSS}' ?

Да

это лучше

Я же генерю ванила цсс

Можно и raw CSS генерировать

иногда мне кажется, что css in react - это новый flux или react replacement

чо-то там придумывают

бесконечно

вот расскажи, что юзаешь?)

в итоге надо ставить 100500 модулей

ничего. scss/postcss

css-modules?

неа. но я и не трогаю ничего из этого почти))

иногда мне кажется, что css in react - это новый flux или react replacement

так никогда никто не заявлял, что решил проблему изолирования компонентов А с появлением реакта появляются...надежды) А значит и много проб и либ

лучше у Ярослава спросите)

Какого Ярослава? :)

css-modules?

Можно же с препроцессорами

@everdimension

Можно же с препроцессорами

у нас так и есть postcss там

sugarss

чтобы сходу '${initizeCSS}' ?

А мы же можем класс сделать для изоляции?

sugarss

и модули

css-modules мне кажется самым аккуратным решением, которое удобно использовать и дизайнерам, и разработчикам и т.п. но css in js имеет вполне конкретные преимущества тоже

А мы же можем класс сделать для изоляции?

это вставляется в styled-component там и так изолировано

<button className={"initiated smart-button"}>Apply</button>

Или я что то упустил и это не будет работать?

<button className={"initiated smart-button"}>Apply</button>

не, это для сброса стилей на начальные для конкретного компонента/класса чтобы избежать наследования стилей

<button className={"initiated smart-button"}>Apply</button>

тогда придётся вешать это на каждый элемент, а учитывая, что у разных элементов разные initial значения, то эта идея думаю отпадает

Просто идея, чтобы сократить размер CSS) Если сбрасывать сейчас прямым переопределением в каждом классе - это тяжело получится

вроде глобал сброс не?

иногда мне кажется, что css in react - это новый flux или react replacement

не, мой пакет. вообще не про цсс-ин-жс и даже не про реакт

не, мой пакет. вообще не про цсс-ин-жс и даже не про реакт

но обсуждаешь-то в реакт чате :)

не с проста)

здесь есть целевая аудитория

ERROR: S client not available

а цсс канал полумёртв

я и не упрекаю)

нужен ваш фидбек по поводу того, нормально ли объяснил проблемы с all: initial https://github.com/iamstarkov/initize

Кажется, мне Андрей Ситник в свое время что-то похожее продавал: https://github.com/maximkoretskiy/postcss-autoreset

ну и там же ссылка на фолбек есть https://github.com/maximkoretskiy/postcss-initial

верно

а теперь смотри в ишью

https://github.com/maximkoretskiy/postcss-initial/issues/22

\0/

?

?

всё потому что здесь https://github.com/maximkoretskiy/postcss-initial/blob/master/lib/decls.json

150 свойств

https://github.com/iamstarkov/initize/blob/master/index.css — 302

признаться честно, не пробовал all: initial, поэтому сложно оценить

мне кстати интересно, с таким подходом можно ли свести тестирование верстки до одного браузера?

мне кстати интересно, с таким подходом можно ли свести тестирование верстки до одного браузера?

точно так же можно спросить — если используешь babel с полифиллами и прочими штуками — можно ли тестировать в одном браузере

мне кстати интересно, с таким подходом можно ли свести тестирование верстки до одного браузера?

Наврядли

точно так же можно спросить — если используешь babel с полифиллами и прочими штуками — можно ли тестировать в одном браузере

Да

))

мне кстати интересно, с таким подходом можно ли свести тестирование верстки до одного браузера?

этот подход позволит верстать компоненты в песочнице и не беспокоиться что они развалятся при интеграции

ребята, если в сторе планируется держать 5-10 сущностей, то есть смысл их нормализировать? имею ввиду делать массив их ид и хранить в объекте по ключам идишкам ? в дальнейшем упростит мне жизнь или я сейчас все усложняю ?)

Кмк, упростит. На 2-3 я бы не заморачивался, 5-10 уже норм

@iamstarkov поправил опечатки всякие в ридми

спасибо, влил

Чуваки, вопрос по mobx можно ли вызывать action'ы в computed'ах?

ты можешь сделать сеттер рядом с компутедом

это будет твой экшн

возможно, это то, что тебе нужно

мне нужен не сеттер Мне в компьютед свойстве нужно если данные еще не загружены - вызвать экшн загрузки

Делай reaction, в computed нельзя (мог бы и попробовать)

та делал же, ругается. Поэтому и вопрос задаю

Ребята, хочу сделать слайдер на реакте и редаксе, в сторе изначально должен хранится массив данных для слайдов. Так же хотел бы реализовать авторотейт слайдов. Необходимо ли внесение время авторотейта в стор редакса Либо просто это время хранить как состояние в компоненте контейнера слайдера.

мб лучше слик слайдер взять?