и в импортах - import React, { Component } from 'react';

кстати раз о формошлёпстве и типизации — где посмотреть на большие проекты с Redux/Flow? (f8 видел)

☺️

хочу убедится что он не нужен

да, class App extends Component

нет, надо инлайнить сразу виртуальный дом

http://babeljs.io/docs/plugins/transform-react-inline-elements/

нет, надо инлайнить сразу виртуальный дом

Тогда еще сразу так - http://babeljs.io/docs/plugins/transform-react-constant-elements/

бла бла бла трансформ-ноу-жиэс

http://babeljs.io/docs/plugins/transform-react-inline-elements/

а сколько эта оптимизация дает по перфомансу?

бла бла бла трансформ-ноу-жиэс

кстати да. надо сделать. а то мало ли кто-то eslint-plugin-no-js не юзает

а сколько эта оптимизация дает по перфомансу?

в попугаях?

да, еслинт плагин юзают не только лишь все, мало кто его юзает а так будет трансформ - хуяк хуяк и ноу жиэс сразу в дамки

норм минификация

"ваш жиэс никому не нужен."

в попугаях?

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

наверное можно

Парни, какие есть правильные варианты запуска экшена при изменении конкретного фрагмента редаксовского стора? Или проще просто в контейнере диспатчить в нужном случае сразу нужные экшены ( смена активного элемента + смена данных в зависимых блоках )

оффтопну мальца - кто нибудь случаем не следит за react-hot-loader 3?

@vslinko юзает

уже вовсю?

спроси у него

ок спасибо

Парни, какие есть правильные варианты запуска экшена при изменении конкретного фрагмента редаксовского стора? Или проще просто в контейнере диспатчить в нужном случае сразу нужные экшены ( смена активного элемента + смена данных в зависимых блоках )

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

Ага, пока так тоже делаю, но переживаю за будущее, когда могут возникать кейсы, в которых надо будет одинаково реагировать на диспатчи в разных контейнерах одинаково

иногда надо просто решать проблемы по мере поступления)

перфекционизм (

done better than perfect

правда)

а вообще redux-saga смотрел?

сейчас гляну, дошел только до thunk

Вопрос про redux, если нам в каком-то редьюсере нужны какие-то дополнительные данные из другой части стейта, как лучше поступить: передавать в редьюсер третьим аргументом из родительского редьюсера? Пропихивать эти данные в компонент, а потом передавать в action creator? Либо в action creator'е при помощи redux thunk получить текущий стейт и запихнуть все что нужно в свойства action'а?

а сколько эта оптимизация дает по перфомансу?

https://youtu.be/PnpfGy7q96U?t=9m6s

@loysagienn Для чистоты компонента (чтобы не были они друг с другом сильно связаны), я бы передавал в action. Надо вообще логику смотреть, навскидку - лучше их так не связывать. http://redux.js.org/docs/basics/DataFlow.html

Вопрос про redux, если нам в каком-то редьюсере нужны какие-то дополнительные данные из другой части стейта, как лучше поступить: передавать в редьюсер третьим аргументом из родительского редьюсера? Пропихивать эти данные в компонент, а потом передавать в action creator? Либо в action creator'е при помощи redux thunk получить текущий стейт и запихнуть все что нужно в свойства action'а?

зачем в компонент, всегда можно сделать store.getState() в том же action creator'е

зачем в компонент, всегда можно сделать store.getState() в том же action creator'е

Для этого нам придется делать export var store = createStore(); А в action creator'е import store from ... а это не очень хорошая практика https://github.com/reactjs/redux/issues/776

юзайте middleware (https://github.com/gaearon/redux-thunk, https://github.com/makeomatic/redux-thunk-fsa) - туда передается то что вам нужно, получайте стейт и делайте action как вам нужно

приветы в этом чяте

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

при том что скорость загрузки не имеет острого значения

На 12 звезд

На тридцать попугаев

На 12 звезд

крч, задам вопрос по другому

на сколько по пацански так делать

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

@loysagienn еще насчет соединения разных кусков стейта - вот классный кусок документации (я вот только сейчас на него наткнулся, но может быть актуально для случаев, когда один кусок стейта зависит от другого), селекторы на стейт, чтобы не добавлять связанную информацию 2 раза http://redux.js.org/docs/recipes/ComputingDerivedData.html

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

Темплейты довольно широкое понятие. Что конкретно ты имеешь ввиду?

Темплейты довольно широкое понятие. Что конкретно ты имеешь ввиду?

как в ангуларе, темплейты вывести из логики

https://github.com/wix/react-templates

нагуглил такую хрень например

а зачем?

а зачем?

ну надо

если честно, просто напрягает JSX

как в ангуларе, темплейты вывести из логики

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

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

а почему пожалею, можно пример из жизни?

jsx это и есть темплейты )

jsx это и есть темплейты )

у меня травма на всю жизнь после пхп с разметкой внутри кода

для других это будет странным подход и я думаю не обрадуются этому факту )

как вижу jsx, он возвращает меня в те тяжелые времена

у меня травма на всю жизнь после пхп с разметкой внутри кода

повторять по часу в течении недели и все пройдет

повторять по часу в течении недели и все пройдет

помоему уже около полторы, если не две

все плохо

Представляй, что у тебя не разметка внутри кода, а код внутри разметки

а почему пожалею, можно пример из жизни?

Ну смотри, в реактовых компонентах ты эвенты вешаешь прямо в темплейте, как бы в инлайне. Вынести это легко не получится, потому что в реакте ты декларативно описываешь поведение компонента, а не императивно на него что-то вешаешь.

Представляй, что у тебя не разметка внутри кода, а код внутри разметки

Это даже как-то ближе к тёмным временам из PHP вышло :)

а смотря на react-templates, выходцы из ангуляра пришли в реакт и запили темплейты, странно это выглядит.

ERROR: S client not available

@loysagienn еще насчет соединения разных кусков стейта - вот классный кусок документации (я вот только сейчас на него наткнулся, но может быть актуально для случаев, когда один кусок стейта зависит от другого), селекторы на стейт, чтобы не добавлять связанную информацию 2 раза http://redux.js.org/docs/recipes/ComputingDerivedData.html

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

Ну смотри, в реактовых компонентах ты эвенты вешаешь прямо в темплейте, как бы в инлайне. Вынести это легко не получится, потому что в реакте ты декларативно описываешь поведение компонента, а не императивно на него что-то вешаешь.

хорошо, но разве в реакте никто не писал велосипед чтобы дом валялся рядом в файлике .tpl и компилился в общую кашу?

как вижу jsx, он возвращает меня в те тяжелые времена

Нет. В реакте абсолютно другой подход. Надо пописать на нем, чтобы понять суть того, что я говорю, но с тем что мы делали в пыхе это имеет мало общего

хорошо, но разве в реакте никто не писал велосипед чтобы дом валялся рядом в файлике .tpl и компилился в общую кашу?

так есть же https://facebook.github.io/react/docs/reusable-components.html#stateless-functions

хорошо, но разве в реакте никто не писал велосипед чтобы дом валялся рядом в файлике .tpl и компилился в общую кашу?

Так а чем тогда какие-то handlebars не угодили? Там по сути так компоненты и создаются, отдельно код, отдельно html весь, исключая только всякие хелперы вроде циклов и прочего

Так а чем тогда какие-то handlebars не угодили? Там по сути так компоненты и создаются, отдельно код, отдельно html весь, исключая только всякие хелперы вроде циклов и прочего

спасибо анимешник, сча почитаю

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

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

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

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

ложим отфильтрованный ^

хотя похоже надо сходить к психологу и не выебываться :(

хорошо, но разве в реакте никто не писал велосипед чтобы дом валялся рядом в файлике .tpl и компилился в общую кашу?

Реакт решает одну большую проблему: количество инвариантов при переходах состояний. И решает ее именно за счет своей декларативной парадигмы. И та логика, которая пишется в компоненте это не отдельная бизнес-логика, это часть описания состояния компонента в текущий момент времени. То есть ты там пишешь что-то вроде: если в инпуте есть текст, то верстка такая (например, есть подсказки внизу), а если нет, то null, а не как раньше было: если пользователь что-то ввел, то покажи мне подсказки.

А бизнес-логика чаще всего выносится в экшены, если использовать redux и с компонентом ее никто не смешивает

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

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

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

так вроде работы ровно столько же выйдет, а то и меньше, или я чего-то не понимаю?(

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

На самом деле к вопросу о шаблонах, хорошо прочищает мозг понимание того, что шаблоны - это способ описания текста, а jsx - это язык описания деревьев.

о, уже 2й запилили

как вижу jsx, он возвращает меня в те тяжелые времена

Тут темплейтами не поможешь, нужен психотерапевт :)

как вижу jsx, он возвращает меня в те тяжелые времена

все хрень, видел такой "фреймворк", где js внутри контроллера строкой пишется, суровость 100лвл.

всегда можно хуже, так что не бойся :D

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

про бесплатность там где то написано?)

точнее про то, что она только сегодня

нигде

Конечно сказано

В рассылке тем кто зарегистрирован

Серега просто не регистрировался

я вхожу через гитхаб

рассылки нет

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

<%= "\<% if (someVariable) { %\>" %> ..... <%= "\<% } %\>" %>