Да, но, наверное, серверный рендеринг с пхп везде такой)

https://github.com/phpv8 впервые узнал об этом)

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

И как много таких элементов будет и как часто будет происходить их переключение. Значит каждый конкретный случай надо отдельно рассматривать.

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

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

Вот, нормальный юзкейс.

@anorudes https://www.youtube.com/watch?v=GKOHa2tYiZw SSR React в Java

:)

Добрый день, подскажите пожалуйста сколько запросов на рендер в среднем вытянет SSR на nodejs и phpv8? У кого сколько в полке?

про phpv8 как раз видео выше) Там говорится на эту темуц

а какие вообще преимущества у ssr перед пререндером?

сео, слабые устройства, время первого отображения

вот по SEO есть какие-то реальные отличия?

раскройте суть реализации пререндера)

prerender.io наверное имеется ввиду

с SSR не нужно никаких правок в коде, а от мысли, что код может работать и на сервере, компоненты становятся проще и понятнее, а API внутреннее чище. Ну это мое ИМХО

плюс есть возможность отрендрить кусок приложения вообще не напрягаясь. И рядом с JSON API положить HTML API для мобильных устройств. Блоки комментариев, рейтинги и прочую фигню

эм, в реакте прокси теперь используются?

ребят, кто-то сталкивался с ошибкой вебпака Cannot GET /, когда запускает его на локалхосте

в терминале показывает все ок, сбилдился

не правильный publicPath к примеру )

если просто билдить, то в норм папку кладет?

Я вот решил просто бабел 6+ заюзать и webpack-middleware

он на локалхост должен выкидывать же

если используешь middleware, то наверное проблема в express.static

это если в дев режиме/watch, если попробовать собрать, то должен положить все файлы по пути path

entry: [ 'webpack-hot-middleware/client?path=http://localhost:3000', './src/index' ], output: { path: path.join(__dirname, 'static'), filename: 'bundle.js', publicPath: '/static/' },

вот такое, не пашет

бандл билдится, но в папке его нет

Вышел бесплатный курс по redux'у от Wes Bos'a https://learnredux.com

бандл билдится, но в папке его нет

если в watch режиме, то там и не появится

нет, он не в watch режиме

у тебя файл вебпака лежит в корневой директории проекта?

да

Друзья, для тех кто пропустил. Недавно вышел Node.js 6 поэтому мы решили в четверг вечером (19 мая в 19:00) провести шестой Node.js Meetup. Как обычно, в формате общения, порисовать маркерами, поделиться опытом - кто-что сделал, у кого-где сломалось, кто-как решил проблемы, обсудить последние новости и тренды. В этот раз ещё и сделать несколько небольших докладов по темам: 1) Микросервисная архитектура и CoreOS, Денис Измайлов (Startup Makers, CEO) 2) Производительность React.js Server-side Rendering, Вадим Жуланов (Rambler, Lead Front-end Developer) 3) Обзор DEIS, Владимир Махаев (DecisionMapper, Fullstack JS Developer) 4) Flow и Node.js, Владимир Курчаткин 5) e-Commerce в переходный период с Bitrix в Node.js, Артур Бир (Dr. Head, CTO) Приятная атмосфера, дружная компания, интересные обсуждения - в общем, всё как обычно. Можете подготовить 3-5 слайдов (в формате PDF) и выступить с экспресс-докладом про архитектуру вашего проекта. В этот раз нас с радостью согласился принять Mail.Ru в своей комфортной зоне обучения, где мы уютно расположимся на 23 этаже, в нашем распоряжении будут доска, фломастеры, проектор и чай-кофе-печеньки. Мероприятие бесплатное, регистрируемся здесь: http://www.meetup.com/Moscow-NodeJS-Meetup/events/231141123/

Немножко оффтоп, подскажите хорошую, бесплатную тулзу для wireframes, кто что использует?

Может кто-нибудь подсказать? Разбираюсь дальше с реактом, добрался до момента, когда нужны свойства из дом ноды. Пишу что-то подобное: render() {<FlightInfoFull items={items} ref={(c) => this._elems.flightInfoFull = c} />} componentDidMount() { const elems = this._elems; const currentBlock = elems['flightInfoFull']; console.log(currentBlock.getBoundingClientRect()); } и получаю фигу, какие то есть секретные особенности работы с рефами? судя по доке фб должны быть доступны в таком варианте методы

Где return в ф-ции render?

В ref передавай строку а не функцию

Может кто-нибудь подсказать? Разбираюсь дальше с реактом, добрался до момента, когда нужны свойства из дом ноды. Пишу что-то подобное: render() {<FlightInfoFull items={items} ref={(c) => this._elems.flightInfoFull = c} />} componentDidMount() { const elems = this._elems; const currentBlock = elems['flightInfoFull']; console.log(currentBlock.getBoundingClientRect()); } и получаю фигу, какие то есть секретные особенности работы с рефами? судя по доке фб должны быть доступны в таком варианте методы

Для компонентов ref будет получать инстанс компонентов, а не дом элемент

Нужно использовать ReactDOM.findDOMNode() чтобы получить дом элемент

Вот тут есть пример формочки с refs: http://stackoverflow.com/questions/29503213/use-state-or-refs-in-react-js-form-components

/stat@comstatbot

Нужно использовать ReactDOM.findDOMNode() чтобы получить дом элемент

oO уже пятьсот лет как не надо this.refs['refName'] возвращает непосредственно дом элемент

В ref передавай строку а не функцию

почему? это удобно, не особо рекомендуется https://facebook.github.io/react/docs/more-about-refs.html > React also supports using a string (instead of a callback) as a ref prop on any component, although this approach is mostly legacy at this point.

oO уже пятьсот лет как не надо this.refs['refName'] возвращает непосредственно дом элемент

Это если ref="refName"

Это если ref="refName"

нет

> this.refs['refName'] возвращает непосредственно дом элемент

When attaching a ref to a DOM component like <div />, you get the DOM node back; when attaching a ref to a composite component like <TextInput />, you'll get the React class instance

Это если callback

Да, ок.

Может кто-нибудь подсказать? Разбираюсь дальше с реактом, добрался до момента, когда нужны свойства из дом ноды. Пишу что-то подобное: render() {<FlightInfoFull items={items} ref={(c) => this._elems.flightInfoFull = c} />} componentDidMount() { const elems = this._elems; const currentBlock = elems['flightInfoFull']; console.log(currentBlock.getBoundingClientRect()); } и получаю фигу, какие то есть секретные особенности работы с рефами? судя по доке фб должны быть доступны в таком варианте методы

Тогда верное замечание —

Нужно использовать ReactDOM.findDOMNode() чтобы получить дом элемент

Но ещё лучше написать так, чтобы не было необходимости вызывать этот метод

Это если callback

в обоих случаях же

☝️

ребят, подскажите пожалуйста как на мак установить node конкретной версии. просто через терминал или через brew

Я для таких целей юзаю nvm

nvm должен быть в brew вроде

Нужно использовать ReactDOM.findDOMNode() чтобы получить дом элемент

Хм, findDOMNode тоже пробовал, получаю undef not a function

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

ну поставлю я его, а дальше какой командой, если навскидку помнишь?

nvm install <version>

а, даже так. спасибо, попробую

ERROR: S client not available

Все таки не находит метод

Но ещё лучше написать так, чтобы не было необходимости вызывать этот метод

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

Речь о том, чтобы избежать вызова .findDOMNode() , а не о том, что не надо обращаться к самому дом элементу. Впрочем метод не запрещён )

Все таки не находит метод

это уже у себя ищи ошибку, метод никуда не пропадал https://facebook.github.io/react/docs/top-level-api.html#reactdom.finddomnode

нашел ошибку) спасибо)

Речь о том, чтобы избежать вызова .findDOMNode() , а не о том, что не надо обращаться к самому дом элементу. Впрочем метод не запрещён )

А есть еще варианты добраться до дома?

хотя ладно, сам поищу) спасибо :)

ref же. Суть в том, чтобы организовать компоненты так, чтобы к дом-элементу обращался тот реакт компонент, который непосредественно его содержит, и выдавал апи наружу, если нужно

Связал все, еще раз спасибо

Небось тут уже задавали этот вопрос, но я все же повторюсь. Что кто посоветует Redux или Flux в своей самой простой реализации(по рекомендациям того же fb react)

любой flux рано или поздно превращается в redux :)

mobx (:

mobx (:

какие люди :)

Привет) привет)

Добрый день) существует ли сборник типовых проблем с redux?

Не видел пока прям в таком формате, но Абрамов писал, что в июне планирует выпустить новый курс на эгхеде с кучей real life примеров

Любопытно, в твиттере писал? )

Я помню читал тут, один человек высказывал какие то не довольства. Но я тольком не разобрался в чём действительно проблема.

Вот и подумал может кто то на скорую руку накидал тезисно, что не так )

Любопытно, в твиттере писал? )

коммент в медиуме видел

Кмк о проблемах редакса любят писать в issues на гитхабе и оттуда решения постепенно в доку перелетают

https://github.com/reactjs/redux/blob/master/docs/FAQ.md тут есть всякое с привязкой к issues конкретным

Любопытно, в твиттере писал? )

https://twitter.com/dan_abramov/status/732209941440827396

любой flux рано или поздно превращается в redux :)

Ты имеешь шо лучше сразу использовать редакс?

Я вот прост опасаюсь порога входа для других прогеров ванильная реализация флакс пугает откровенноговоря

покидайте линков по mobx

https://twitter.com/dan_abramov/status/732209941440827396

Одни хеловорлды

ребят, подскажите пожалуйста как на мак установить node конкретной версии. просто через терминал или через brew

Через brew. Не нужен nvm, ты свитчить версии можешь и через brew.

$ npm i -g n $ n latest

$ n —help

Ребят, кто сталкивался с проблемой Cannot GET / при билде вебпака. Я получаю это при заходе на локалхост