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

тогда либо генераторы, либо обзерваблы

бтв в спеке это будут одни и те же механизмы

Как мне это знакомо )

о_О юзаешь for await через регенератор?

весьма специфичные вкусы)

Вопрос из зала (на самом деле из скайпа): - А есть вообще сильные альтернативые newforms/redux-form для форм с реактом/редаксом?

for await не нужен. свертка промисов - ок

@igorfrolov а это не ты был на мастер классе Славином из Калининграда? по фотке похож

Sup all. А какие есть альтернативы redux-form но с более богатым функционал? использую newforms но слишком часто приходится стрелять по ногам

Ребят, а трехзвенная архитектура на react, это значит, что рендерится он будет на серваке целиком?

Sup all. А какие есть альтернативы redux-form но с более богатым функционал? использую newforms но слишком часто приходится стрелять по ногам

а какую проблему они тебе решают?

на сервере приложений *

а какую проблему они тебе решают?

Рендирит саму форму и валидирует данные. В редакс-формах нужно то и то делать в ручном режиме

почему тогда самому не рендерить

но зато как нужно сделать что-то сложное, то newforms несколько огорчает.

почему не пользоваться голым реактом?

+

в руби был (есть) такой гем – simple_form, та же фигня) так себе абстракции обычно получаются

ну так хочется как newforms но более гибкое :)

а голым реактом как-то неинтересно. ошибки самому выводить

Люди не хотят голый реакт, людям нужны проблемы, люди хотят приключений ?

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

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

ванилла жс мой выбор

реакт не нужон

сделать вывод ошибки и валидацию это очень мало кода

в нем приключения и проблемы

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

ну может и вариант конечно

кастомная валидация + отрисовка компонентами

для валидации есть овер9000 либ

@igorfrolov а это не ты был на мастер классе Славином из Калининграда? по фотке похож

Да, был

Что кстати норм для валидации?

Вот такое вот видел, но ещё не юзает https://github.com/christianalfoni/formsy-react

я маленькую оберточку над validator.js написал и мне хватает, 100 строчек, чтобы правила декларативно задавать, но у меня сейчас и аппа простенькая

кто-нибудь react-bootstrap-datetimepicker с redux-form 6 использовал?

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

Народ, а что плохого в string refs?

Слухайте, ребята, а как в мире реакта и редакса такая штука делается: есть у меня типа моделька, в ней всякие поля. Какие-то запрашиваются с сервера, какие-то проставляются клиентом. Так вот, когда _id у модельки меняется все поля по идее должны обнулиться или типа того. Пока есть идея сделать экшн ENTITY_ID_SET и на него смотреть в каждом поле. Но это кажется каким-то оверхедом.

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

Да у меня чёт затуп какой-то. Есть поле entity, в нём всякие данные. И есть что-то типа currentEntity, в котором хранится айдишник текущего выбраного проекта (он из урла берётся).

Так вот, надо когда меняется текущая организация как-то обнулять все поля. Чтобы потом пойти и запросить их заново (или вычислить).

Так вот, надо когда меняется текущая организация как-то обнулять все поля. Чтобы потом пойти и запросить их заново (или вычислить).

у тебя есть редьюсер, в котором ты поля проставляешь. почему бы в нем не сделать проверку?

Народ, а что плохого в string refs?

если я правильно помню то ссылка меняется на элемент у которого меняется key

а у тебя в рефе старая остается

ммм, то есть реакт внутри не трансформирует строку в (ref) => this.refs[refName] = ref ?

у тебя есть редьюсер, в котором ты поля проставляешь. почему бы в нем не сделать проверку?

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

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

Привет, есть конкретная ошибка TypeError: Cannot read property 'setState' of undefined(…) код: componentWillMount(){ console.log('Will');//debug axios.get('/api/user?email=alexandr.amostap@gmail.com') .then(function (response) { this.setState(response)({ name: response.data.name, surname: response.data.surname }).bind(this); }) .catch(function (error) { console.log(error); }); }

помогите пж)

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

лучше конечно в одном месте, имхо

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

может чето типа high-order: reducer => (state, action) => action === YOUR ? null : reducer(state, action), и все поля в это завернуть

все редьюсеры для полей конечно)

лучше конечно в одном месте, имхо

Тогда главный редюсер должен знать дефолтные значения всех полей.

Привет, есть конкретная ошибка TypeError: Cannot read property 'setState' of undefined(…) код: componentWillMount(){ console.log('Will');//debug axios.get('/api/user?email=alexandr.amostap@gmail.com') .then(function (response) { this.setState(response)({ name: response.data.name, surname: response.data.surname }).bind(this); }) .catch(function (error) { console.log(error); }); }

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

у тебя же есть какой-то initialState - можно его вернуть

Парни, кто ведет кто ведет коммуникацию по рабочим проектам в Telegram? Какие есть недостатки?

Судя по коду реакта string refs считаются legacy, но я не увидел особых причин(

Парни, кто ведет кто ведет коммуникацию по рабочим проектам в Telegram? Какие есть недостатки?

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

attachRef: function(ref, component) { var inst = this.getPublicInstance(); invariant(inst != null, 'Stateless function components cannot have refs.'); var publicComponentInstance = component.getPublicInstance(); if (__DEV__) { var componentName = component && component.getName ? component.getName() : 'a component'; warning(publicComponentInstance != null, 'Stateless function components cannot be given refs ' + '(See ref "%s" in %s created by %s). ' + 'Attempts to access this ref will fail.', ref, componentName, this.getName() ); } var refs = inst.refs === emptyObject ? (inst.refs = {}) : inst.refs; refs[ref] = publicComponentInstance; }, @DenisIzmaylov highlight не хватает)

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

А как группировать? Или это вообще нельзя делать?

ERROR: S client not available

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

нельзя

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

но вообще это оффтоп:Е

Парни, кто ведет кто ведет коммуникацию по рабочим проектам в Telegram? Какие есть недостатки?

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

но вообще это оффтоп:Е

Это про эффективность)

вот да, по-моему телеграм слэку сливает. Слэк закрыл и только реально срочное долетит на телефон(при правильных настройках). И как уже заметили все эти интеграции(хенгаутс, календари, ci+github/gitlab, monitoring). Мы даже пользовательский feedback собираем + есть канал для ошибок на клиенте из rollbar'a

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

Да, понял. Спасибо.

кодмод решает 80% фигни

кто такой кодмод?

кто такой кодмод?

https://github.com/reactjs/react-codemod

Парни, кто ведет кто ведет коммуникацию по рабочим проектам в Telegram? Какие есть недостатки?

имхо для команд ~ 10 человек телеграм отл. слэк перегружен

https://github.com/reactjs/react-codemod

крутяк! спасибо)

но зато как нужно сделать что-то сложное, то newforms несколько огорчает.

В который раз пиарю вот эту тему. Кастомизируется отлично, валидируется тоже ок. Немного непоняток вначале, пока не разберешься. Думаю, если бы коммьюнити было такое же как в redux-form например, давно бы уже слепили конфетку. https://github.com/jquense/react-formal

http://github.com/davidkpiano/react-redux-form

лучше

лучше

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

Добрый вечер, что использовать для длинных таблиц (10k+) в react? Какой нить ag-grid?

Добрый вечер, что использовать для длинных таблиц (10k+) в react? Какой нить ag-grid?

https://github.com/bvaughn/react-virtualized

можно еще вот это, если попроще вдруг захочется https://github.com/orgsync/react-list

https://github.com/bvaughn/react-virtualized

Спасиюо, мне потом к этому еще Drag on Drop прекрутить, что бы из одного листа в другой можно было перемещать объекты, DnD к ним сложно будет добавить?

Спасиюо, мне потом к этому еще Drag on Drop прекрутить, что бы из одного листа в другой можно было перемещать объекты, DnD к ним сложно будет добавить?

Не знаю, если честно.

Насчет DnD

ок

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

А оная штука умеет в кастомные инпуты?

умеет, чем я и пользуюсь у себя

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

умеет, чем я и пользуюсь у себя

Типа нужно их как-то регать в оном? А то у них на сайте нет нормальной доки по кастомным филдам.

не надо

<Form.Field type={mySuperComponent} name={fieldName} /> и все