These are chat archives for dev-ua/reactjs

19th
Jan 2016
Vyacheslav Slinko
@vslinko
Jan 19 2016 07:05
@ALF-er я не поддерживаю, потому что никто не использует
а никто не использует, потому что я не поддержую
замкнутый круг open source
Ruslan Abdullaev
@rajdee
Jan 19 2016 07:16
Так работает export default в babel5 или нет?
а, тут в другом случаи использовали
Vyacheslav Slinko
@vslinko
Jan 19 2016 07:26
а чо бы не работать?
Eugene Zharkov
@2j2e
Jan 19 2016 09:46
Такс, а тут уже было обсуждение, что есть хорошего с моделями, что вписывается в парадигму redux? Потому что DTO объекты это для деток, как только следует отслеживать состояние полей, ошибки для них, isDirty, original значение, нужно что-то матерое. Вроде в backbone модельки могут подойти но есть и критика в эту сторону
Roman Liutikov
@roman01la
Jan 19 2016 10:26
Кто-нибудь делал штуки типа https://www.codementor.io/? Я вчера спросил в Твиттере, несколько человек заинтересовались помогать другим и еще больше хотели бы получить помощь. Чатики хорошо подходят для обсуждения небольших вопросов, но иногда нужно покодить вместе, что бы разобраться и т.д. Я сделал список https://github.com/roman01la/js-mentor для тех, кто хочет помогать, что бы можно было таких людей быстро найти и всегда иметь их контакты под рукой.
Illia Seheda
@ALF-er
Jan 19 2016 10:27
почему не пользоваться тем же кодементором?
Roman Liutikov
@roman01la
Jan 19 2016 10:28
я так понимаю, что он больше на запад ориентирован, да и там услуги платные в основном
Illia Seheda
@ALF-er
Jan 19 2016 10:29
возможно, никогда не пользовался.
Roman Liutikov
@roman01la
Jan 19 2016 10:29
я всегда хотел что бы был список людей, с которыми я могу на выходных пару часов поговорить по скайпу, показать код, что бы мне мозги вправили. в таком плане
Illia Seheda
@ALF-er
Jan 19 2016 10:30
сложность в актуализации этого списка вижу я
Roman Liutikov
@roman01la
Jan 19 2016 10:32
ну эт другой вопрос. если кому-то нужны такие штуки, то пойдет само собой
если Твиттер не встанет, то с актуализацией будет проблема :D
Illia Seheda
@ALF-er
Jan 19 2016 10:34
если вчера твой твит кто-то не видел то он только через третьих людей сможет узнать об инициативе, я об этом
Roman Liutikov
@roman01la
Jan 19 2016 10:34
в jsunderhood запилим
Terry Sahaidak
@terrysahaidak
Jan 19 2016 11:18
@2j2e якось бачив статтю якоїсь компанії, де використовували з флаксом ще баобаб
https://github.com/Yomguithereal/baobab
хоч це не зовсім вирішує твою проблему
Roman Liutikov
@roman01la
Jan 19 2016 12:21
@2j2e а зачем все это нужно? Всем этим можно управлять добавляя соответствующие поля в глобально состояние. Или я неправильно понял?
Eugene Zharkov
@2j2e
Jan 19 2016 12:42
@roman01la всем этим можно управлять добавляя поля, но это так же само как писать все на чистом js, если есть решение уже хорошее, велосипедствовать нет желания и тратить время на это
Roman Liutikov
@roman01la
Jan 19 2016 12:44
ну велосипед — это придумать решение, а использовать существующее состояние — это то, что вы постоянно будете делать в своем приложении.
По крайней мере мне это подходит, это не добавляет много кода и легко отследить и понять, что происходит. Так же как и с любыми другими данными в коде.
Nikita Gusakov
@nkt
Jan 19 2016 12:57
@roman01la я давно предлагал форум на дискусе поднять для js разработчиков. У нас частенько есть темы, которые всплывают переодически. Но, видимо, это не так просто
там же и о код-ревью можно было бы попросить
Eugene Zharkov
@2j2e
Jan 19 2016 12:57
@roman01la ты не понял мою задачу, как это относится к тому, что в состоянии просто DTO - объект. А когда нужно больше и тебе нужно описывать данные, нужна структура, всегда можно придумать свой мир пони но все же
Nikita Gusakov
@nkt
Jan 19 2016 12:57
я вот отзывы про socketcluster вчера искал - так никто и не ответил) На форуме больше вероятность, что заметят
Eugene Zharkov
@2j2e
Jan 19 2016 12:58
Есть SO например, можно туда постить и ссылаться
Illia Seheda
@ALF-er
Jan 19 2016 12:58
просто тут еденицы просто сокетами пользуются, а про сокеткластер ещё меньше людей просто слышали
Roman Liutikov
@roman01la
Jan 19 2016 13:04
@nkt можно вообще Тостер использовать https://toster.ru/ :)
Myroslav Tantsyura
@Nahasaki
Jan 19 2016 13:09
Всім привіт!
Як правильно апдейтити контекст, щоб перерендерились всі компоненти, до яких він підключений?
Ідея — тримати в контексті булеву змінну "mobileLayout", підключати до потрібних компонентів і апдейтити централізовано по ресайзу
Nikita Gusakov
@nkt
Jan 19 2016 13:16
@roman01la там много адекватов?)
Kirill Yakovenko
@blia
Jan 19 2016 13:16
нет
Roman Liutikov
@roman01la
Jan 19 2016 13:16
ну я время от времени отвечаю, вполне сносные вопросы
дураков пока не встречал
гм, ну задал вопрос, посмотрим)
Kirill Yakovenko
@blia
Jan 19 2016 13:22
какую подсветку систаксиса используете для jsx?
Roman Liutikov
@roman01la
Jan 19 2016 13:22
language-babel в Atom
Kirill Yakovenko
@blia
Jan 19 2016 13:26
чо-то все равно одноцветное все какое-то
Roman Liutikov
@roman01la
Jan 19 2016 13:28
Screen Shot 2016-01-19 at 3.27.51 PM.png
у меня как-то так
но это я добавлял свою палитру
Kirill Yakovenko
@blia
Jan 19 2016 13:29
а у меня привет уныние. Монокай сети только яркая. Но JSX никак не отличается от js. А хотелось бы
Roman Liutikov
@roman01la
Jan 19 2016 13:30
попробуй One Dark, One Light
Kirill Yakovenko
@blia
Jan 19 2016 13:31
Screen Shot 2016-01-19 at 3.31.14 PM.png
пока это самое веселое
Nikita Gusakov
@nkt
Jan 19 2016 13:32
о да. one dark/light ставишь во все места: саблайм, атом и терминал и наступает удовлетворение)
@roman01la а что у тебя за шрифт?
Roman Liutikov
@roman01la
Jan 19 2016 13:33
@blia ух, мои глаза :)
Oleksandr Vorobyov
@voby
Jan 19 2016 13:33
лучше language-babel не видел, правда выражения в template strings непривычно показывает
Roman Liutikov
@roman01la
Jan 19 2016 13:33
@nkt Fira Code, тот что с лигатурами
Kirill Yakovenko
@blia
Jan 19 2016 13:34
@roman01la да. Но блин в остальных 2-3 цвета вообще на всю тему. (
Nikita Gusakov
@nkt
Jan 19 2016 13:34
эх. я его пробовал - таки вернулся на monaco
Kirill Yakovenko
@blia
Jan 19 2016 13:34
да
хочу монако код
Nikita Gusakov
@nkt
Jan 19 2016 13:34
с лигатурами сложно. => - переключение по таким символам не удобно
Roman Liutikov
@roman01la
Jan 19 2016 13:34
почему?
Kirill Yakovenko
@blia
Jan 19 2016 13:34
фира бррр на мелких шрифтах
Nikita Gusakov
@nkt
Jan 19 2016 13:35
фира только на скриншотах красивый) Для кодинга у меня не зашел)
Kirill Yakovenko
@blia
Jan 19 2016 13:35
:+1:
Roman Liutikov
@roman01la
Jan 19 2016 13:35
в Атоме уже пофиксили переключение каретки внутри лигатур
Nikita Gusakov
@nkt
Jan 19 2016 13:36
гм. тогда надо попробовать. Это с 1.4?
Roman Liutikov
@roman01la
Jan 19 2016 13:38
хз, я где-то месяц назад обновил шрифт
Terry Sahaidak
@terrysahaidak
Jan 19 2016 14:11
@Nahasaki так собі ідея, чесно кажучи. Аплікуха настільки велика, що не можна головні контейнери замінити на такі, які б мали лейаут мобільний?
Myroslav Tantsyura
@Nahasaki
Jan 19 2016 14:11
головний контейнер один
Terry Sahaidak
@terrysahaidak
Jan 19 2016 14:12
ну, тобто у тебе не розділено все по раутах, наприклад?
Myroslav Tantsyura
@Nahasaki
Jan 19 2016 14:13
нема роутів
просто кілька сторнок, там компоненти асинхронно підтягуються
Ruslan Abdullaev
@rajdee
Jan 19 2016 14:13
@blia ух, какое все яркое
Myroslav Tantsyura
@Nahasaki
Jan 19 2016 14:14
сторінки повністю перезавантажуються
ну суть не в тому
є сторінка, на якій приблизно 20 компонентів
різного розміру, вкладені
контекст вже використовується для системи перекладів
але там його оновлювати глобально не треба
Yaroslav Serhieiev
@noomorph
Jan 19 2016 14:15
Ребята, а кто напомнит как в webpack + react-hot-loader сделать так, что отдельный компонент при экспешене прорисует заместо себя div с описанием ошибки?
То ли плагин надо ставить, то ли что-то настроить, то ли просто стилей добавить - хоть убей не помню :(
Terry Sahaidak
@terrysahaidak
Jan 19 2016 14:18
@andreypopp бачив ти брав участь в треді про sCU та context, можна tl;dr?
Ruslan Abdullaev
@rajdee
Jan 19 2016 14:29
у меня сейчас вот так
Denis Stoyanov
@xgrommx
Jan 19 2016 14:36
прийду домой - покажу как у меня =)
Illia Seheda
@ALF-er
Jan 19 2016 14:37
а вы тут все эксгибиционисты я погляжу. Вам только дай "показать как у вас"
Kirill Yakovenko
@blia
Jan 19 2016 14:56
@rajdee ну вот вообще же словно и нет подсветки. Все одинаковое (
Ruslan Abdullaev
@rajdee
Jan 19 2016 14:58
там у меня кажется для jsx и нет подсветки, но могу ошибаться, надо проверить
Nikita Gusakov
@nkt
Jan 19 2016 14:58
@rajdee babel-language ставь. И не будет казаться ;)
Ruslan Abdullaev
@rajdee
Jan 19 2016 15:00
там все ужасно пестрое
Nikita Gusakov
@nkt
Jan 19 2016 15:04
эм. тогда plain-text в самый раз))
ewnd9
@ewnd9
Jan 19 2016 15:04
а что нужно подсветить в скриншоте выше для удобства?
Illia Seheda
@ALF-er
Jan 19 2016 15:06
blob
Nikita Gusakov
@nkt
Jan 19 2016 15:07
тоже плохо
export не keyword?
2016-01-19 18-07-45 CardList.js —  Users nkt Projects pochin frontend.png
мысленно убери ругань eslint и будет норм)
ewnd9
@ewnd9
Jan 19 2016 15:10
смысл eslint если он ложноположительные ошибки подсвечивает?
Nikita Gusakov
@nkt
Jan 19 2016 15:10
эм почему ложноположительные?
у меня react/prop-types-required: 2 стоит
export default function EntryList(props) {
  return (
    <div className={props.className} foo="bar">
      {props.children}
    </div>
  );
}
гиттер тоже хреново подсвечивает(
хотя function другим цветом мне нравится
народ, а для pure-function компонентов реакт сам добавляет shouldComponentUpdate, или каждый раз ререндрит?
Jeron Diovis
@jeron-diovis
Jan 19 2016 15:31

question i18n
А каким образом переводить строки ситуациях типа этой:

I agreed with <Link to=“page”>terms</Link> and <Link to=“another_page”>conditions</Link>

?

Не каждый кусочек фразы отдельно ведь.

Nikita Gusakov
@nkt
Jan 19 2016 15:33
я другого решения не нашел. Только если html вставлять, но в переводах хранить ссылку тоже не очень решение
Jeron Diovis
@jeron-diovis
Jan 19 2016 15:36
@nkt то есть договариваемся с переводчиком, что terms – это правилами, а не правила, и т.д.?
Nikita Gusakov
@nkt
Jan 19 2016 15:37
Договариваешься, что есть 4 куска фразы и пример на английском языке.
license_confirmation:
  agreement: I agreed with
  terms: terms
  and: and
  conditions: conditions
Jeron Diovis
@jeron-diovis
Jan 19 2016 15:39
лады, спасибо
Vyacheslav Slinko
@vslinko
Jan 19 2016 15:58
@jeron-diovis react-intl
может использовать компоненты, как переменные в переводе
хотя
все равно переводить по частям
Jeron Diovis
@jeron-diovis
Jan 19 2016 16:03

@vslinko ага, смотрел на него.
Типа:

             <FormattedMessage
                    message={this.getIntlMessage('photosNested')}
                    name={<b>Annie</b>}
                    numPhotos={1000}
                    takenAgo={
                        <time dateTime={new Date(takenDate)}>
                            <FormattedRelative value={takenDate} />
                        </time>
                    } />

Но когда компонент оборачивает часть фразы, это бесполезно.

Vyacheslav Slinko
@vslinko
Jan 19 2016 16:04
да, с ним эта проблема все еще актуальна
на самом деле хорошего решения я не видел нигде
Denis Stoyanov
@xgrommx
Jan 19 2016 16:34
asyncsubject.js - RxJS-old - [~:tmp:RxJS-old] - IntelliJ IDEA (Minerva) IU-144.2925.2 2016-01-19 18-33-25.png
vogrelord
@vogrelord
Jan 19 2016 16:58
Привет! Вопрос по роутеру.
Предположим у меня есть не-SPA, которую я потихоньку перевожу на SPA.
например у меня есть линк в верхнем меню - "Мои посты".
Я хочу, чтобы при клике на этот линк из раздела "мои посты" срабатывал обработчик реакт-роутера, а при клике из другого раздела сайта - серверный обработчик.
Возможно ли такое с использованием browserHistory?
Vyacheslav Slinko
@vslinko
Jan 19 2016 17:11
можно если делать spa-ссылки через <Link />, а остальные через <a />
vogrelord
@vogrelord
Jan 19 2016 17:15
да, но такие spa-ссылки не будут работать снаружи же? потому что они делает pushState, а на внешних страницах нет роутера
Roman Pominov
@rpominov
Jan 19 2016 19:39
а кто-нибудь пользовался возможностью хранить state в history api (привязанный к посещенным страницам, как я понимаю)?
просто думаю в абстрактной библиотеке для роутинга поддержка этой фичи вообще нужна?
я про stateObj в history.pushState(stateObj, title, path)
Jeron Diovis
@jeron-diovis
Jan 19 2016 20:32
@rpominov Я пользовался. Юзал для "одноразовых ссылок” - перейти по ней на страницу можно, а рефрешнуть уже нельзя.
Было полезно для штук типа странички с формой фидбека после просмотра контента.
Roman Pominov
@rpominov
Jan 19 2016 20:34
@jeron-diovis хм, а почему бы это сделать не отдельной страницей, а просто состоянием исходной страницы?
но вообще вроде разумный юз-кейс, хотя и немного странный
Roman Pominov
@rpominov
Jan 19 2016 20:39
но не критичный...
Jeron Diovis
@jeron-diovis
Jan 19 2016 20:41
Ну для просто фидбека сойдёт, в принципе.
У меня там кроме фидбека другой кейс был, и там было много совершенно разных данных для исходной и “финальной” страницы. Показалось разумным не валить всё в одну кучу.
А так, пожалуй, ты прав.
Terry Sahaidak
@terrysahaidak
Jan 19 2016 22:17
а таке питання
всякі різні поля типу isFetching по дефолту true чи false?
завжди на initialState в мене було false, але зараз воно просто не встигає задіспатчитись на true
Illia Seheda
@ALF-er
Jan 19 2016 22:18
значение поля должно соответствовать действительности
Terry Sahaidak
@terrysahaidak
Jan 19 2016 22:19
ну так, це логічно
блін, мене той брідж між js та нейтів напрягає) затримка є