Для php есть решения на основе пакета php-v8js для рендера. Сам скоро этим займусь в проекте.

Окей чатик, можно я поделюсь своей болью... Представьте что у нас есть Users и мы хотим добавить нового. А еще мы понимаем редактируем ли мы или создаем юзера по параметру id в роуте. Представили? Продолжим - на странице юзера есть 3 табы, 2 из которых доступны только после того как мы сохраним юзера в базе и получим его id. И тут начинается веселье, в настоящий момент я делаю следующее: submitForm(data){ return handleForm(data).then(({ id }) => !data.id ? browserHistory.push(`/users/${id}?new`) || this.setState({ tab: 2 })) }и в componentWillMount проверяю наличие new в квери роута, если есть - меняю табу. И вот сегодня, жарким воскресным утром меня осенило что я делаю что-то не так, а как вы решаете эту проблему?)

Делаю так же. Самого очень бесит этот подход. Иногда разделяю контейнер вьюшки и тогда меньше магии в cwm

Бить бэкэндеру в лицо

Пусть сделает генерацию идов заранее лол

Эм. Я так понял там админка для создания и редактирования юзеров. Тут бэкэнд ни при чём

Разве не классическая задача прокидывать связи по иду не имея ида. Имей ид :о

Класическая, но создавать пустые записи в бд? Имхо это перенос костыля с фронта на бэк. В предидущим приложении я на клиенте создавал uid и мне в принципе было пофиг на бэк, но тут есть бизнес-логика.

Разве не классическая задача прокидывать связи по иду не имея ида. Имей ид :о

Это костыль. Шило на мыло.

Если пг можно записи не создавать а из сиквннса число создать или взять и сделать свой генератор

Вот вот, и все эти костыли помню только я(первый день после написания), а в идеале сделать код поддерживаемым и прозрачным.

Если пг можно записи не создавать а из сиквннса число создать или взять и сделать свой генератор

Гавно какое-то

Если пг можно записи не создавать а из сиквннса число создать или взять и сделать свой генератор

У тебя источником правды в плане id может быть только БД

Все это бд

Ну индексировать мы можем хоть по uid с фронта, но проблема остается таже, там нужно создать все зависимости (продукты, купоны, etc), проверить уникальность емейла... то есть в любом случае нам надо что-то отправить и что-то получить

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

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

Не очень понятно — почему сабмит формы должен переключать вкладку вообще?

Не пойму чёт в чем проблема-то? Нет юзера, создал, отправил на сервер, тот ответил тем же объектом, но с id. А дальше <Tab active={user.id} />

Хуйня какая-то, а не проблема.

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

Пусть сделает генерацию идов заранее лол

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

а так добавить внтуренние статусы юзеров, только созданный, отправленый, созданный на бэке и так далее и от этих статусов по разному обрабатывать. С помошью HoC таким юзерам ограничивать доступ к меню

Как я написал выше - селектор танцует от id в параметрах роута, так что если его нет - то мы считаем что и в базенке такого нет. Без этого нам придется создавать курсоры на активного юзера. Сейчас селектор выглядит так: export default (key, entityKey = key, idKey = 'id') => selector( s => s[key], s => s.entities[entityKey], (_, { params }) => params && params[idKey], ({ ids, options, ...state }, source, id) => { const data = id ? { data: source[id] } : { collection: options && !!options.ids ? options.ids.map(identity => source[identity]) : ids.map(identity => source[identity]) }; return { ...state, ...data, options }; } );

То есть варианта 3 - писать курсоры на активного юзера, и обновлять его при изменении роута или отдельным экшеном. Или создать еще одну абстракцию которая будет выполнять роль локального представления данных на сервере и патчить ее при респонзе, в этом случае поялсяется клиентский uid и мы танцуем от него. Ну и третий - самый просто - забить)

Вот о php... Пока что рендерятся компоненты на клиенте по принципу: если нужно отрендерить, верни во вьюхе <div id="some-react-component"></div>. В реакт проверка: if(document.getElementById()) ReactDom.render();

Тоже так делаю, плюс данные для гидрации стора передаю в переменной window. . Имхо, это более чем нормально.

кто-то юзал material ui components. не подскажите как в date picker выставить минимальную дату какую можно выбрать

наконец дошли руки до material ui, импортить Editor Colors, либо еще что?

https://github.com/chicoxyzzy/webstorm-settings

тут если чо с оверрайдами, но там еще много моего всякого

@chicoxyzzy ^

зато глаз легко отделяет от другого :D

и заставляет не писать jsx ))

дополнение к no-js-plugin )

Базовые знания всегда важны и актуальны:

?

Но все быстро закончилось на HoC )

Всем доброго вечера. Есть вопрос: Нормально ли сохранять данные в стейты напрямую (через =, а не setState()). Знаю что в документации написано капсом "НЕЛЬЗЯ", но коллега по работе говорит что можно и все пацаны так во дворе делают. Рассудите, пожалуйста

Всем доброго вечера. Есть вопрос: Нормально ли сохранять данные в стейты напрямую (через =, а не setState()). Знаю что в документации написано капсом "НЕЛЬЗЯ", но коллега по работе говорит что можно и все пацаны так во дворе делают. Рассудите, пожалуйста

не нормально. Происходит вообще перерендер компонента? + setState ассихронный

не нормально. Происходит вообще перерендер компонента? + setState ассихронный

Не происходит. В том то и дело, он там вообще все данные хранит, потому что: "по философии реакта, практически все влияет на перерисовку, значит практически все надо хранить в стейте. А когда мне надо вызвать перерисовку, юзаю setstate()"

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

Всем доброго вечера. Есть вопрос: Нормально ли сохранять данные в стейты напрямую (через =, а не setState()). Знаю что в документации написано капсом "НЕЛЬЗЯ", но коллега по работе говорит что можно и все пацаны так во дворе делают. Рассудите, пожалуйста

Пускай просто хранит в this те данные, от которых не надо перерендеривать компонент. А c setState соответственно наоборот. Его цель тогда будет достигнута. Тоже встречал одного человека, который так делал )

Ну не прямо сейчас, но через некоторое время подействует. Ему главное сам факт того что оно влияет на отрисовку, значит надо хранить в стейтах.

тогда через некоторое время и надо ставить ))

Пускай просто хранит в this те данные, от которых не надо перерендеривать компонент. А c setState соответственно наоборот. Его цель тогда будет достигнута. Тоже встречал одного человека, который так делал )

Тоже ему так сказал, но на него это не подействовало. А жаль проект то общий( Я сам еще полностью не разобрался и хотел спросить. Почему именно нельзя напрямую сохранять, ведь работает же и правда.

А можно какой-нибудь кейс посмотреть зачем он делает так?

Возможно он просто не хочет рефакторить код. Тогда может помочь показать мысли комьюнити из конфы, офф доки и слова третьего человека о том же

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

в доках же написано

там же где капс )

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

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

https://jsfiddle.net/92j68hra/

setState устанавливает nextState, а то что в this.state - это текущий стэйт

setState устанавливает nextState, а то что в this.state - это текущий стэйт

Спасибо!

сейчас открыл доку, там же всё внятно и расписано :)

@DenisIzmaylov как называется либа для реализации graphql на стороне клиента?

не могу нагуглить

нашел https://github.com/relay-tools/relay-local-schema

Всем привет! Посоветуйте какой-нибудь бойлерплейт для Universal App. Что-то для небольших экспериментов, с минимальной серверной частью. Если умеет с разными БД работать или вообще без них обходится то будет просто отлично. А может есть такие где CRUD из коробки?

Всем привет! Посоветуйте какой-нибудь бойлерплейт для Universal App. Что-то для небольших экспериментов, с минимальной серверной частью. Если умеет с разными БД работать или вообще без них обходится то будет просто отлично. А может есть такие где CRUD из коробки?

я брал вот этот, но там сейчас как раз обсуждают форк от него, т.к. зависимости слегка устарели https://github.com/erikras/react-redux-universal-hot-example

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

http://andrewhfarmer.com/starter-project/

А по поводу круда из коробки https://github.com/partyrooms/web

ERROR: S client not available

я брал вот этот, но там сейчас как раз обсуждают форк от него, т.к. зависимости слегка устарели https://github.com/erikras/react-redux-universal-hot-example

Тоже не него смотрю. Но что-то не обновлялся он давно и это смущает

Тоже не него смотрю. Но что-то не обновлялся он давно и это смущает

https://github.com/erikras/react-redux-universal-hot-example/issues/1184 вот тут как раз это и обуждают

http://andrewhfarmer.com/starter-project/

О, супер ссылка. Сейчас попробую подобрать что-то подходящее. Спасибо

rfx stack

Сорри что без ссылки

С теплфона

И кстати, подскажите плагин для саблайма для js-hyperlink

Как в атоме или vs code

кажется это goto definition называется

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

Угу. Go to definition

Мдя. Хочу как в веб шторме, но можно как в vscode хотяб

можно попробовать на ternjs посмотреть

https://packagecontrol.io/packages/TernJS

@DenisIzmaylov как называется либа для реализации graphql на стороне клиента?

Сейчас дерну ребят, чтобы видео опубликовали с DevConf 2016 и слайды выложу вместе с видео

Хотя стоп

Видео не было

Но Лёша и Антон записывали, у Антона какое-то ЧП случилось, а запись от Охрименко у меня в облаке. Куда лучше заливать - YouTube или Vimeo?

Могу на coub

YouTube

Vimeo

YouTube

на vimeo нет выбора скорости проигрования

чем плох PREACT?

преакт охуенен

охуенно то что оно с роутером и редаксом в сумме килобайт 10

и апишечка как у реакта. почти )

только сравни с любой сраной картинкой на любом сайте 10кб или 100 для js не суть разница

можно попробовать на ternjs посмотреть

оно имеет такой же юзкейс как у гоу-ту-дефинишынс?

ггы размер бандла в этой демке 7.1кб https://preact-boilerplate.surge.sh/profile семь ссаных килобайт КАРЛ

попробую в новом проекте. об ощущениях попробую отписаться)

не понимаю, на чем библиотеки вроде preact экономят?