но styled-components мне всё равно не нравится

какой смысл писать css-in-js и не использовать плюсы джаваскрипта для манипуляции с css — я не понимаю

ты ховоришь, что самописный css-in-js - это НЕ плохо, стало быть, хорошо. Из этого следует, что есть что-то значительно хуже, на твой взгляд. Я предположил, что это styled-components

пиздец логика, извините.

какой смысл писать css-in-js и не использовать плюсы джаваскрипта для манипуляции с css — я не понимаю

Почему не использовать? Там вроде бы string templates, пихай что хочешь?

ага

сможешь сделать Object.assign({}, basicCss, buttonCss) ?

нет, не сможешь

нет, не сможешь

именно так, нет. Но ровно ту же задачу решить можно.

пиздец логика, извините.

приму это за комплимент ?

именно так, нет. Но ровно ту же задачу решить можно.

расскажи

но сразу можно заметить, что мердж объектов самое простое решение

а как вы цвет меняете у текста?

расскажи

хм... жил был один Один, и было ему лень лезть в доки и понимать, что да как. Гораздо проще ему было сказать себе, что все равно никто ничего лучше ему предложить не сможет. И умер Один так и не зная, что есть другой путь. Конец.

а как вы цвет меняете у текста?

цветными стекляшками пробовал?

цветными стекляшками пробовал?

в чате

в чате

мой способ, по-прежнему, должен работать.

facepalm.jpg

а как вы цвет меняете у текста?

backticks

как в маркдауне для кода

так и здесь

ах вот оно как, спасибо

Только это не для цвета, а для моноширинного текста. Для инлайн (`) один цвет, для мультилайн (```) другой

Ребят, а у animate.css блоки пропадают и появляются без обновления страницы?

Ребят, а у animate.css блоки пропадают и появляются без обновления страницы?

без понятия что это

А это нормально, если редьюсер будет вызывать сам себя? Есть массив сущностей, элемент в который добавляестся экшном PERSON_CREATE, и есть экшн PERSONS_LIST_UPDATE, который я сейчас пишу. Ему должен прийти массив, который нужно будет перебрать и повторить те же действия , что и в случае PERSON_CREATE. Есть соблазн написать редьюсер так, чтобы он в каждой итерации перебора вызывал самого себя. Это как вообще?

А, хотя да, это бует фигня.

Легче наверное слить название экшенов.

Обобщить в смысле.

И перебирать до редьюсера.

А это нормально, если редьюсер будет вызывать сам себя? Есть массив сущностей, элемент в который добавляестся экшном PERSON_CREATE, и есть экшн PERSONS_LIST_UPDATE, который я сейчас пишу. Ему должен прийти массив, который нужно будет перебрать и повторить те же действия , что и в случае PERSON_CREATE. Есть соблазн написать редьюсер так, чтобы он в каждой итерации перебора вызывал самого себя. Это как вообще?

Не самого себя, но бывает

И перебирать до редьюсера.

Не. Если бы я не затупил, то вообще не задал бы этого вопроса. =)

Всем привет. Как в стеке react redux работать например со списком новостей. Например есть фильтр с чекбоксами, там можно указывать сортировку, теги, категорию и нужно исходя из выбранных фильтров посылать запрос на api который отдает в ответ выборку. Кто как это реализует и есть ли хорошие примеры. Буду благодарен за вашу помощь.

Хранить отдельно сами объкты по id, отдельно фильтрованный сортированный список, чтобы при вызове экшна срабатывал нужный редюсер-фильтр и соответствующим способом сортировал список

То есть на каждый экшен свой редьюсер?

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

надо разделять генерацию vDOM и моунт компонентов. Первое происходит снизу вверх, второе - сверху вниз

первое, потому что стек

Просто я себе как то так это представлял. Добавился тег для выборки -> изменился роут -> запрос на сервак -> пришли данные -> обновили список

Только не знаю вот как правильно реализовать

самописный css-in-js

У них самописная абстракция с темизацией, jss там тот же самый

Какие библиотеки могут помочь

Какие библиотеки могут помочь

redux-orm

У них самописная абстракция с темизацией, jss там тот же самый

ты противоречишь самому себе в одном сообщении

В принципе уже достаточно наворотов в стейте, чтобы его брать

ты противоречишь самому себе в одном сообщении

Ноуп. Перечитай что я написал.

В принципе уже достаточно наворотов в стейте, чтобы его брать

Хотя я всё на рамде фигачу, ультрахардкор ?

Jss не даёт темы из коробки, все что они сделали — это написали jss-theme-reactor

Jss не даёт темы из коробки, все что они сделали — это написали jss-theme-reactor

ок. читал исходники для кнопки, не нашёл там jss

покажешь?

material-ui используют что-то похожее на jss

Вот это неверно

покажешь?

Лол, сейчас

https://github.com/callemall/material-ui/blob/master/src/FlatButton/FlatButton.js#L196-L209

import { createStyleSheet } from 'jss-theme-reactor'; https://github.com/callemall/material-ui/blob/next/src/Button/Button.js#L5

В мастере вообще инлайн стили

про next ветку не знал

Народ! Кто хорошо знаком с вебпаком? Как настроить что б он собирал отдельный чанк для всех используемых в проекте шрифтов?

Просто сейчас шрифты у меня внедряются в общий бандл. И из-за этого он распухает до неприличных размеров

Такой же вопрос и насчет всех используемых *.svg, которые у меня сейчас тоже внедряются в общий бандл. А хотелось бы использовать для них какой-то отдельный. Например, создать бандл с названием resources, в который автоматически внедрялись бы все импортируемые в проекте картинки и шрифты

Под картинками я имею в виду маленькие объекты, которые автоматически внедряются в js url-loader'ом

Да, если я в поле entry ЯВНО прописываю эти файлы, то они конечно внедряются в этот отдельный бандл. Но я хотел бы использовать wildcard имени, типа ['public/fonts/*.otf', 'public/img/*.svg']

Реально ли так сделать?

Реально ли так сделать?

CommonChunk plugin?

Спасибо! Попробую ) Я тут просто силами вебпака второго пытался )

Люди, есть тут спецы в sass? Как подгрузить в sass переменную из js или из json? Короче, есть задача корректировать некоторые переменные sass на основе параметров, которые задаются в приложении (в package.json)

Люди, есть тут спецы в sass? Как подгрузить в sass переменную из js или из json? Короче, есть задача корректировать некоторые переменные sass на основе параметров, которые задаются в приложении (в package.json)

Никогда с таким не сталкивался, но теперь самому интересно стало

ERROR: S client not available

Люди, есть тут спецы в sass? Как подгрузить в sass переменную из js или из json? Короче, есть задача корректировать некоторые переменные sass на основе параметров, которые задаются в приложении (в package.json)

По-моему нельзя так

Мне кажется есть только 2 пути - написать свой лоадер для webpack который будет преобразовывать json в sass и импортить его. Или написать кастомную функцию (v3) которая будет возвращать значения.

Можно преобразовывать sass в js и уже как-то там манипулироватб

Люди, есть тут спецы в sass? Как подгрузить в sass переменную из js или из json? Короче, есть задача корректировать некоторые переменные sass на основе параметров, которые задаются в приложении (в package.json)

можно через npm генерировать .sass, доставать переменные из конфига (https://frontend.irish/npm-config-variables)

/buy@Axenia_Bot

Kl4ssT(0) имеет недостаточно кармы для 'Гифка 10'

Кто нибудь знает как в саблайме сделать чтоб в файлах с форматом jsx, автоматически выбирался синтаксис jsx, у меня почему-то по умолчанию js next выбирается

Кто нибудь знает как в саблайме сделать чтоб в файлах с форматом jsx, автоматически выбирался синтаксис jsx, у меня почему-то по умолчанию js next выбирается

В саблайме справа внизу "опен алл витх куррент екстенсион ас..."

Спасибо

Люди, есть тут спецы в sass? Как подгрузить в sass переменную из js или из json? Короче, есть задача корректировать некоторые переменные sass на основе параметров, которые задаются в приложении (в package.json)

А чем ты сасс преобразовываешь? Gulp webpack? Должен быть способ или прокинуть переменную в момент запуска процессора. Или при помощи импорта из жсон файла.

webpack

А каким лоадером?

sass-loader

может такая штука поможет? https://github.com/Updater/node-sass-json-importer

Спасибо большое! Попробую!

Я юзю стилус. Там без всяких плагинов норм импортируются жсоны и внутрь можно прокидывать переменные

Есть кому что сказать про Radium? Тут же как раз речь про стилизацию компонентов.

Есть кому что сказать про Radium? Тут же как раз речь про стилизацию компонентов.

Это достаточно старое решение, есть уже более интересные варианты, в лице jss, aphrodite, styled-components и др

Radium генерирует только inline styles, поэтому помимо недостатков самих inline стилей, также нет возможности использовать анимацию (keyframes), псевдоэлементы (before/after) + checked, last и т.п.

Привет всем! С чего начать изучать react.js? Посоветуйте хорошие уроки на англ/рус :)

Есть ли тут кто использовал reselect?

У меня вопрос. Допустим при каждом вызове мы имеем на входе массив, который каждый раз новый, но возможно имеет такую же структуру, что передавался в прошлый раз. Как реселект тут может помочь избежать излишних вызовов?

Или реселект для таких случаев бессилен?

Привет всем! С чего начать изучать react.js? Посоветуйте хорошие уроки на англ/рус :)

Документация) Там достаточно понятный гайд есть

Массив по определению имеет одну структуру))

Имею что приходит каждый раз новый объект-массив. Но возможно с тем же набором данных

И если набор данных как и в прежнем вызове, то дальнейших вычислений в цепочке селекторов делать не надо

А, понял

reselect-map

Notice that every time largeArray is changed, every element of the array will be run back through expensiveFunction. If largeArray is very large or expensiveFunction is very expensive, this could be very slow. What would be better is if we only recomputed those elements that are new or have changed. That's what this package does. Your expensiveFunction only runs when it needs to.

Спасибо! Почитаю )

А вообще похоже что это один из тех-самых случаев, когда очень полезен immutable.js )