это пока, там нет дизайна проекта еще. И пока только совсем базовые контролы, а мысль большие тупые компоненты вынести, как уже сказал. Форма логина, сообщение, список сообщений

в своем проекте так сделал, есть и чистый ui (кнопочки всякие, дропдауны), так и компоненты ( попапы, формы авторизации) Все это лежит в отдельном чуть ли не npm модуле и билдится в общий чанк с либами. Код самого приложения уже ток подгружается при необходимости

Сегодня заезжал в Яндекс, нам предоставят новый, недавно открывшийся зал. :) Кто ещё не успел, регистрируемся на 8th Moscow Node.js Meetup: https://events.yandex.ru/events/yagosti/13-jul-2016/ Внимание! Есть секция 5-7 минут для короткого доклада в рамках рубрики "Открытый микрофон", пишите в личку. Отличный способ попробовать свои силы даже если никогда не выступал до этого. Тема может быть любая полезная в контексте Node.js. :)

Это в мулин руж будет?

я могу забрать окно для лайтнинг толка

Про типы набросишь надеюсь?

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

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

activeClassName у Link работает криво с коннектом редукса. Ссылки перестают подсвечиваться на внутренних роутах. Как можно починить? Знает кто-нибудь? Реакт-роутер 2.5.2.

например, при medication-list/active подсвечивается и ссылка medication-list и active, а при medication-list/inactive подсвечивается ссылка inactive, но medication-list тухнет

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

начни с a11y

начни с a11y

Начали с аццессибилити, закончили за упокой

Такие слова у вас все заморские непонятные

https://github.com/yoshuawuyts/nanodiff/issues/1 учитесь как писать то в чём вообще не разбираешься, но при этом делать это так уверенно, что окружающим начинает казаться что в этом наборе бреда есть что-то толковое :D

какие только штуки не придумают, вообще ток щас узнал про a11y

От одного только первого предложения "We could turn the DOM into a Merkle tree, but because each Node is already unique (hurray for objects), the tree itself is already a tree of hashes." мой bullshit meter просто зашкаливает :)

например, при medication-list/active подсвечивается и ссылка medication-list и active, а при medication-list/inactive подсвечивается ссылка inactive, но medication-list тухнет

Регуляркой мб можно проверять

Регуляркой мб можно проверять

так а что проверять? Два аналогичных роута работают по-разному(

так а что проверять? Два аналогичных роута работают по-разному(

History например

Но я пока до этого не доходил так что это просто предположения

ну это как-то жестко)

ну это как-то жестко)

После того что я увидел в яваскрипт сообществе это белый шум

а, тут политика роутов особая

снимаю вопрос

Ребятки, у меня ступор, как в React передать данные из дочернего компонента в родительский ? Оо, не используя глобального объекта

Через функцию, очевидно же

<InnerComponent onChange={function(param){makeSomeActions();}}>

О_О, спасибо! сейчас попробую

можно в дочернем компоненте сделать, например, геттер get someData() { return this._someData; } и снаружи обращаться к нему this.refs.myComponent.someData

можно в дочернем компоненте сделать, например, геттер get someData() { return this._someData; } и снаружи обращаться к нему this.refs.myComponent.someData

лучше все же через props, а не refs

Ну и у InnerComponent собственно вызывай this.props.onChange(yourParam);

Подскажите плес аналог sqldataadapter + DataGrid из дотнета для реакта/жс. Бывает такое?

Народ, подскажите какие есть примеры комбинации rxjs и реакта? Насколько я понял нужно написать функцию-враппер (как connect в редаксе) над каждым компонентом и там в рендере рекурсивно пройтись по всем пропсам и смотреть - если это Rx.Observable то мы подписываемся и обновляемся - this.forceUpdate(), если же это Rx.Subject то наоборот создаем функцию, кешируем ее (чтобы избежать re-bind-а на каждый рендер) и добавляем ее в обработчик события. Получаем некую такую схему: class Timer extends React.Component { render(){ var i = 0; var click$ = new Rx.Subject(); var text$ = click$.map(function () { return i++; }); return <div onClick={click$}>{text$}</div> } } Есть ли какие-то подводные камни в такой схеме? и еще непонятно как правильно реализовать shouldComponentUpdate (вероятно сверять только обычные пропсы без rx)

Народ, подскажите какие есть примеры комбинации rxjs и реакта? Насколько я понял нужно написать функцию-враппер (как connect в редаксе) над каждым компонентом и там в рендере рекурсивно пройтись по всем пропсам и смотреть - если это Rx.Observable то мы подписываемся и обновляемся - this.forceUpdate(), если же это Rx.Subject то наоборот создаем функцию, кешируем ее (чтобы избежать re-bind-а на каждый рендер) и добавляем ее в обработчик события. Получаем некую такую схему: class Timer extends React.Component { render(){ var i = 0; var click$ = new Rx.Subject(); var text$ = click$.map(function () { return i++; }); return <div onClick={click$}>{text$}</div> } } Есть ли какие-то подводные камни в такой схеме? и еще непонятно как правильно реализовать shouldComponentUpdate (вероятно сверять только обычные пропсы без rx)

@chicoxyzzy вроде чем-то таким занимался

Нашел js-data

Ребятки, у меня ступор, как в React передать данные из дочернего компонента в родительский ? Оо, не используя глобального объекта

Можно через context

Народ, как считаете, если на каждый компонент, которому нужны переводы использовать свой IntlProvider, ну или аналог?

в смысле норм/не норм?

а какие проблемы если не использовать?

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

проблема - будет 100 компонентов и 100 контейнеров

это не проблема, я так и делал

https://github.com/reactjs/core-notes/commit/9d86c48212a09420df2978b6d58e9275eec7f04f

Это кто такой?

Это кто такой?

kicked from chat ;)

Это кто такой?

Мужык из фейсбука, он еще в 2013 году про Реакт писал, потом его перекинули в React Native команду, видимо сейчас кинули обратно.

Они дофига всего написал, в том числе css-layout, который в RN используется.

kicked from chat ;)

А пользователи Linux тоже должны знать всех контрибьюторов ядра и обязаны назвать всех по имени фамилии, дате когда они стали контрибьюторами, если их разбудят в 3 часа ночи?

Мужык из фейсбука, он еще в 2013 году про Реакт писал, потом его перекинули в React Native команду, видимо сейчас кинули обратно.

но он вроде как и для react делал все это время? Часто его видел в коммитах и issue

А пользователи Linux тоже должны знать всех контрибьюторов ядра и обязаны назвать всех по имени фамилии, дате когда они стали контрибьюторами, если их разбудят в 3 часа ночи?

В 3 часа ночи можно не знать, но чтобы к утру вспомнил.

но он вроде как и для react делал все это время? Часто его видел в коммитах и issue

Да-да делал, он в основной команде был очень давно.

Окей. Я не застал реакт того времени

Народ, прошу архитектурного совета - кто как общие функции в компонентах готовит?

у меня в проекте sendAmplitudeEvent - скопипащена по всем компонентам в проекте - как отрефакторить правильней?

Переписать всё на React.createClass и использовать миксины?

HoC

и никаких миксинов

react-mixin

я тож такое через хоки решал

декораторы

а можно сделать ресет стейта до состояния конструктора?

есть в реакте стандартный метод для этой штуки7

вынести стейт отдельно вне класса и в конструкторе инитить через clone

ну сбрасывать также

ERROR: S client not available

иного вроде бы нет

this.initialState = { some: '' } this.state = this.initialState; resetState() { this.setState(this.initialState); } У меня так сейчас. Думал, мб правильнее что есть

const defaultState = { ... }; class My { constructor() { this.state = _.clone(defaultStoreState); } dropState() { this.setState(_.clone(defaultStoreState)); } }

а для чего нужно вне класса выносить?

а для чего нужно вне класса выносить?

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

да просто чтобы точно не было желания что либо изменить в this

а, точно

спасибо)

это не проблема, я так и делал

а что использовал? react-intl?

ну и да чтобы не реинитить

> @iamstarkov HoC и никаких миксинов Спасибо

Это в мулин руж будет?

Уже на большой зал поменяли :)

есть способ с реакт-роутером поменять query у текущего path?

есть способ с реакт-роутером поменять query у текущего path?

что в документации?

пока не нашел

пока не нашел

push(pathOrLoc) or replace(pathOrLoc)

https://github.com/reactjs/react-router/blob/master/docs/API.md#pushpathorloc

спасибо брат

брат, братан, братишка

а контекст не будет подтягиваться, если не прописывать contextTypes?

>If contextTypes is not defined, then context will be an empty object.

есть способ с реакт-роутером поменять query у текущего path?

Если редакс используешь, то там еще проще https://github.com/reactjs/react-router-redux#user-content-pushlocation-replacelocation-gonumber-goback-goforward

нормальные посоны живут 359 и мобиксом

Денис приди, порядок наведи

я действительно не понимаю зачем эти пляски с экшенами и редьюсерами

копипаста на копипасте

кнокаут тоже норм, можно использовать и проверено временем

толсто же

кнокаут тоже норм, можно использовать и проверено временем

mootools и prototype ещё лучше временем проверены.