@react_js
Алексей20.02.2017
07:23:43
07:23:43
Ну так это не мобикс
Почти как mobx, то есть наблюдаемые объекты. В mobx нет никаких сторов/состояний, есть лишь наблюдаемые объекты.реакт это библиотека для отображения. фейсбук как бы в курсе что это библиотека для отображения.
управлению стейтом не место в реакте.
максимум чего можно ждать это того что фейсбук перенесет идеи в следующие версии флукса.
в js же это вообще нонсенс, как можно в язык встроить менеджер стейта и что оно там может делать.
В реакте есть свой простой менеджер стейта у компонент. Его в принципе можно заменить на что-нибудь более функциональное, правда скорее всего этого делать не будут. Хотя скорее всего в язык введут Object.observe, я надеюсь на это.
Dreamerinnoise20.02.2017
07:33:06
07:33:06
Не введут его ж выкинули
localvoid20.02.2017
07:33:21
07:33:21
и правильно сделали
Google
Sergey20.02.2017
07:33:48
07:33:48
Ребят .подскажите, http://joxi.ru/zANjQdoU9vOVA9 почему не подтягивается айдишник,.
остальное все подтягивает без проблем
Valentin
Artur20.02.2017
07:37:18
07:37:18
А чем не годится встречный в mobx-react инжект?
@inject("userStore")
class User extends React.Component<{userStore?: UserStore}, void> {
}
vs
class User extends React.Component<void, void> {
@inject private userStore: UserStore
}Нету завязки на имя стора, чтобы объявить новый стор просто пишешь его класс и всё
Sergey20.02.2017
07:38:14
07:38:14
и все норм
Artur20.02.2017
07:38:21
07:38:21
Нет необходимости обхявлять опциональный prop со стором, очень мешает с strictNullChecks
Dreamerinnoise20.02.2017
07:38:32
07:38:32
Artur20.02.2017
07:39:10
07:39:10
Сразу бросился на первый взгляд ненужный @injectable
Googlelocalvoid20.02.2017
07:49:53
07:49:53
Это печально
в чём прикол обсёрвить все значения? partial updates итак не тормозят, а выстраивать граф зависимостей во время тяжёлых insert/remove операций только сделает их ещё тяжелееАлексей20.02.2017
07:57:30
07:57:30
в чём прикол обсёрвить все значения? partial updates итак не тормозят, а выстраивать граф зависимостей во время тяжёлых insert/remove операций только сделает их ещё тяжелее
В том, что можно подписаться на изменения любых объектов без подмены их проксями и при изменении перерисовывать реакт.Ches20.02.2017
07:58:17
07:58:17
правильно ли так делать?
<select value={this.state.category} onChange={this.handleSelectCategoryChange}>
<option value="''" disabled>Выберите категорию</option>
{this.renderSelectCategoryOptions()}
</select>
Artur20.02.2017
07:58:40
07:58:40
localvoid20.02.2017
07:59:11
07:59:11
В том, что можно подписаться на изменения любых объектов без подмены их проксями и при изменении перерисовывать реакт.
а без подписок на каждое изменяемое значение нельзя перерисовывать реакт?Алексей20.02.2017
07:59:48
07:59:48
localvoid20.02.2017
08:01:03
08:01:03
ну самое простое, произошёл какой-либо input, делаем полную перерисовку.
зачем пытаться найти самое мелкое изменение для апдэйта?
Алексей20.02.2017
08:02:31
08:02:31
ну самое простое, произошёл какой-либо input, делаем полную перерисовку.
В ручную что-ли? А ведь есть еще запросы к серверуChes20.02.2017
08:22:44
08:22:44
<select value={this.state.category} onChange={this.handleSelectCategoryChange}>
<option value="''" disabled>Выберите категорию</option>
{this.renderSelectCategoryOptions()}
</select>
правильно value="" писать простоесли кому то пригодится)
Sergey20.02.2017
08:29:43
08:29:43
ребят, почему, не находит айдишник
http://joxi.ru/brRpdaotv7lY21
хотя этот блок есть у меня
_registerComponent(...): Target container is not a DOM element.
Dmitry ?20.02.2017
08:32:34
08:32:34
Убери #
Google
Сергей20.02.2017
08:32:36
08:32:36
может потому что надо почитать стандарт ?
Sergey20.02.2017
08:34:00
08:34:00
блин, это да ..тупанул жестко
Alexander20.02.2017
09:00:34
09:00:34
кто-нибудь знает как в eslint отрубить no-static-element-interactions ?
Alexander20.02.2017
09:05:31
09:05:31
ага, спасибо
Alexander20.02.2017
09:07:40
09:07:40
Gregory20.02.2017
09:08:58
09:08:58
Есть задачи которые утилы помогают решить, и их специально вынесли утилы потому что не всем это нужно
https://github.com/mobxjs/mobx-utils
Алексей20.02.2017
09:13:24
09:13:24
Так что никакого оверхеда тут нету
Он ярый хейтер mobx, так что ему бесполезно что-то объснять, он все равно найдет к чему прикопаться.from20.02.2017
09:14:49
09:14:49
кто-нибудь знает как в eslint отрубить no-static-element-interactions ?
и зачем ты это отключить хочешь-то?)специально похуже чтобы сделать?
Alexander20.02.2017
09:17:18
09:17:18
есть заголовок h2 надо повесить onClick
from20.02.2017
09:17:31
09:17:31
не надо
GoogleAlexander20.02.2017
09:17:58
09:17:58
и дальше что?
from20.02.2017
09:18:13
09:18:13
и вешай onClick на <a>, естественно
Alexander20.02.2017
09:18:22
09:18:22
у <a> должен быть href
AdminERROR: S client not available
Сергей20.02.2017
09:19:09
09:19:09
Alexander20.02.2017
09:20:30
09:20:30
вот
есть тайтл который по клику надо заменять на input и менять значение
from20.02.2017
09:22:02
09:22:02
в общем тут долгой истории не получится, если поведения хедера anchor-like, оборачивай в <a>, если нет и просто происходит какое-то микровзаимодействие по клику — тогда содержимое в <button>
есть тайтл который по клику надо заменять на input и менять значение
ну да, <button>, который стилизуешь, чтобы убрать границы, фон и т.п.Alexander20.02.2017
09:24:07
09:24:07
я в одном месте в таблице сделал button, вот в том примере на картинке
но вот есть конкретно заголовок на странице и блин делать из него баттон дико не хочется
from20.02.2017
09:27:19
09:27:19
не "из него"
<h2><button>title text</button></h2>
"Не хотеться" должно было тому, кто неочевидное взаимодействие придумал)
Dmitry20.02.2017
09:28:21
09:28:21
И эти люди запрещали мне ковыряться в носу :(
Имхо onClick на h2 - ок, button внутри h2 - печаль
Google
Eugenefrom20.02.2017
09:30:05
09:30:05
Имхо onClick на h2 - ок, button внутри h2 - печаль
вот из-за таких твоих грустных эмоций accessibility веба падает))Dmitry20.02.2017
09:31:05
09:31:05
Ну как минимум потому что надо спиливать стили button. Как дополнительный фактор - сео не в восторге от того, что внутри h* лежит что-то кроме текста. Зависит конечно от того, что пилите, у всех свои приоритеты.
from20.02.2017
09:31:15
09:31:15
лучше бы почитал, почему вообще в линтере такое правило существует
Ну как минимум потому что надо спиливать стили button. Как дополнительный фактор - сео не в восторге от того, что внутри h* лежит что-то кроме текста. Зависит конечно от того, что пилите, у всех свои приоритеты.
сео уверен всё равно (не утверждаю, но это какой-то маразм был бы)элементы с клик хэндлерами должны быть доступны с клавиатуры
Хочешь — вешай клик на <div> и добавляй все необходимые хэндлеры, табиндекс и т.п.
А можно просто использовать кнопку по назначению
Dmitry20.02.2017
09:33:02
09:33:02
Ну у меня просто были такие задачи сеошные, говорю не просто так. Есть еще момент в том, что если у вас библиотека компонентов, то это в некоторых кейсах может еще и костылем небольшим обернуться из-за необходимости в заголовке button впиливать ради одного кейса.
Владислав20.02.2017
09:33:18
09:33:18
Всем привет! Никто не сталкивался с задачей, чтобы сделать вывод названия (title) открытой страницы в navbar? И чтобы оно изменялось при переходе между страницами (react-router).
Andrew20.02.2017
09:33:53
09:33:53
redux?
Владислав20.02.2017
09:34:33
09:34:33
да
from20.02.2017
09:34:36
09:34:36
Ну у меня просто были такие задачи сеошные, говорю не просто так. Есть еще момент в том, что если у вас библиотека компонентов, то это в некоторых кейсах может еще и костылем небольшим обернуться из-за необходимости в заголовке button впиливать ради одного кейса.
ну это в рамках сайта вряд ли "один кейс", вероятно все или почте все заголовки наделены таким функционалом
Алексей20.02.2017
09:35:21
09:35:21
Всем привет! Никто не сталкивался с задачей, чтобы сделать вывод названия (title) открытой страницы в navbar? И чтобы оно изменялось при переходе между страницами (react-router).
можно попробовать альтернативу: react-navigation, они говорят в вебе тоже работает все)Dmitry20.02.2017
09:35:41
09:35:41
Такой вариант тоже возможен, рассуждаю со своей колокольни, где несколько проектов с общим ui китом и все приходится делать очень абстрактным.
Владислав20.02.2017
09:37:19
09:37:19
можно попробовать альтернативу: react-navigation, они говорят в вебе тоже работает все)
не вариант, слишком много придется переписывать)from20.02.2017
09:37:57
09:37:57
Всем привет! Никто не сталкивался с задачей, чтобы сделать вывод названия (title) открытой страницы в navbar? И чтобы оно изменялось при переходе между страницами (react-router).
роутер же для того и нужен, чтобы изменения страниц слушать? в чём проблема?Andrew20.02.2017
09:38:01
09:38:01
и по нему уже меняешь активный элемент
типа создаешь редьюсер app
там будет activePage: 'main'
в компоненте уже по нему все делаешь
Владислав20.02.2017
09:39:29
09:39:29
роутер же для того и нужен, чтобы изменения страниц слушать? в чём проблема?
а где он хранит title? не находил этого
Открыть в Telegram