в третьих после HotReload отваливаются стили

Мда уж ?

если тыкаю в <style>...</style> возле .button-1-0-0 {

он направляет меня в StaticBaseSheet

где пусто

че за?!

Может он не обновился? jss недавно мажорную версию поднял

это новый проект

я сделал npm i -S react-jss jss jss-preset-default

nfr

так

jss 7.1.1

styled-jss 0.6.3

@iamstarkov вышел из чата чтоль?

@ZeroBias как лучше в jss + react-jss добавить глобальные стили, типа для html и body?

Так что никто не сталкивался с либами анимаций при помощи requestanimationframe? Мне просто интересно, почему за основу всё равно берут css transition. Ведь поддержка не идеальна и по перформансу можно с реквестоманимэйта намного большего добиться

@ZeroBias как лучше в jss + react-jss добавить глобальные стили, типа для html и body?

const styles = { '@global': { 'html, body, #root': { width : '100%', margin : 0, padding: 0 }, '@global @font-face': { нутыпонел } }

это понятно

а вот втыкать где?

кстати, норм что jss в динамической таблице создает класс с проперти: false?

я бы втыкал обычным цсс

в крайнем случае в хтмл пихнуть, если файлик с парой строк тараканить не хочется

а вот втыкать где?

В корневом компоненте

я бы втыкал обычным цсс

Если весь проект на jss, то css файл влёчет много дополнительных зависимостей)

Ну, не много, но style loader'ы появятся

Если весь проект на jss, то css файл влёчет много дополнительных зависимостей)

ну head же никуда не денется

Я про лишние dev deps, если подключать в проект) Если в темплейте прописывать, то другая история конешн

В корневом компоненте

спасиб

а то, что jss после hotReload отваливается, это норм?

надо страницу перезагружать

Было такое из-за настроек publicPath в вебпаке

@ZeroBias как лучше в jss + react-jss добавить глобальные стили, типа для html и body?

В главном файле инжекть

а то, что jss после hotReload отваливается, это норм?

Если дублируются то ты забыл перезагрузить всю приложуху через module.hot

Всем привет, заранее извиняюсь за глупый вопрос, с реактом недавно начал знакомство У меня есть форма, как можно сделать, чтобы при вводе определенного слова в форму, перенаправляло на другую страницу?

Всем привет, заранее извиняюсь за глупый вопрос, с реактом недавно начал знакомство У меня есть форма, как можно сделать, чтобы при вводе определенного слова в форму, перенаправляло на другую страницу?

Вешаешь onChange функцию, проверяешь значение, перенаправляешь на другую страницу

Вешаешь onChange функцию, проверяешь значение, перенаправляешь на другую страницу

попробую, спасибо

https://codesandbox.io/s/2vmzpM0wK ещё один jsfiddle

только этот специально под реакт заточен

это за счет МобХ такое усложение и декораторы?

Там декораторы опциональны

Друзья, а как думаете, чем МобХ лучше Редакса?

Не фп

что?

https://en.wikipedia.org/wiki/Functional_programming

ок. и всё таки вопрос мой пока без ответа

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

хотя если в TS описать стейт то тоже ок

в редаксе

ок. и всё таки вопрос мой пока без ответа

https://github.com/mobxjs/mobx/issues/199 читай тред

Особенно коммент от yelouafi

Друзья, а как думаете, чем МобХ лучше Редакса?

IMO the most fundamental difference between Redux and MobX, from a conceptual POV, relates to the update logic. In Redux, a Reducer encapsulates all the possible ways in which a piece of state can be updated. i.e. you can't (directly) update that piece of state from outside. And the overall state/reducers is organized around this notion of update logic. In MobX, the state is managed inside observables, but observables act like free slots which accept data from the outside. So in order to tell how the state held by an observable is updated you need to look to all the actions that update that observable.

Вообще MobX выглядит как шаг назад. Есть обзерваблы, компоненты на них подписываются. Проходили сто раз

Всё что я понял, это что это 2 разные архитектуры. + и - так никто и ен описал. Значит пусть будет делом вкуса :)

Это два разных подхода. В одном у тебя 1 глобальный иммутабельный стор и явное обновление (экшены). В другом много сторов мутабельных сторов.

Это как раз ясно

Но с мобиксом у меня не возникало вот таких WTF

Ок, перефразирую свой вопрос. В каком случае лучше применять первый, а в каком второй?

потому-что. ответ: потому-что.

В readme.md написано, почему.

Ок, перефразирую свой вопрос. В каком случае лучше применять первый, а в каком второй?

Если приложение маленькое — можешь использовать что угодно. Если большое — Redux

О! Тоесть для маленького - редакс, для большого - редакс. Тогда зачем МобХ нужен? Угодить недовольным?

mobx хорош будет для всяких форм, много разных простых апдейтов, редакс где мало апдейтов, но они сложные

О! Тоесть для маленького - редакс, для большого - редакс. Тогда зачем МобХ нужен? Угодить недовольным?

для тех, кому не понравился ридакс.

ERROR: S client not available

для тех, кому не понравился ридакс.

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

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

если бы была принципиальная разница то вопросов бы не задавали

а юзали один

О! Тоесть для маленького - редакс, для большого - редакс. Тогда зачем МобХ нужен? Угодить недовольным?

Как человек хапнувший с большим количеством мутабельных сторов — не могу ответить. Возможно, создатели MobX не работали на больших проектах и не понимают в чем фишка редакса

Как человек хапнувший с большим количеством мутабельных сторов — не могу ответить. Возможно, создатели MobX не работали на больших проектах и не понимают в чем фишка редакса

500+ домейн классов — не большой проект?

500+ домейн классов — не большой проект?

Уже не маленький

О! Тоесть для маленького - редакс, для большого - редакс. Тогда зачем МобХ нужен? Угодить недовольным?

На самом деле не так. Для больших тоже можешь юзать мобикс. Но подходить надо отвественно с ограничениями и продуманной архитектурой. Ничего нового.

Mobx магическим образом сокращает кол-во написанного кода. @action методы в объекте/классе , ответственном за хранение состояния/обработку поведения, читаются лучше, чем огромный редаксовский switch, и кстати не нужно дополнительно описывать действия и придумывать им константы

Для мелкого и среднего проекта лучше mobx, для среднего и большого - relay, а redux seems to be анахронизм

Mobx магическим образом сокращает кол-во написанного кода. @action методы в объекте/классе , ответственном за хранение состояния/обработку поведения, читаются лучше, чем огромный редаксовский switch, и кстати не нужно дополнительно описывать действия и придумывать им константы

ключевое слово "магическим"

как показывает практика — ну его нахер эту магию

Mobx магическим образом сокращает кол-во написанного кода. @action методы в объекте/классе , ответственном за хранение состояния/обработку поведения, читаются лучше, чем огромный редаксовский switch, и кстати не нужно дополнительно описывать действия и придумывать им константы

Свитч на обязан быть огромным. Редьюсеры можно и нужно разделять. Кроме того, это вообще не обязательно должен быть свитч.

>2017 >делать редакс со свитчем

Свитч был как пример.

ну я удивился, что кто-то реально так делает

Дохрена людей

:3

как показывает практика — ну его нахер эту магию

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

Как вы живёте то вообще, чем занимаетесь, свитчи пишете целыми днями?))

Так же и с observable

Как вы живёте то вообще, чем занимаетесь, свитчи пишете целыми днями?))

Что надо писать вместо свитчей?

Как вы живёте то вообще, чем занимаетесь, свитчи пишете целыми днями?))

Селекторы мемоизируем

кто есть вестрейт?

Автор Mobx

Если вы его изменили вы уверены что все сайд деривации будут затригерены

Автор Mobx

+

Что надо писать вместо свитчей?

redux-act / redux-actions. Мне нравится первый, но должен быть хоть какой-то Свитчи — это издевательство, чесслово

>Явное лучше неявного >Почему setState не сразу изменил мой стейт?

>Явное лучше неявного >Почему setState не сразу изменил мой стейт?

Аминь. В мобикс, изменения синхронны, а рендер асинхронный

У меня 2-3 больших энтерпрайз приложения на мобикс. Ни одного sCU

Но да. В команде должно быть понимание архитектуры