есть небольшая просьба, напишите что-нибудь в этот чат

Бэм

@jquery_ru

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

*вся бизнес-логика модуля, если модули не раздутые, - то удобно держать в папке с модулем такой файл, в котором хранится вся логика по движению данных. вот подробней http://blog.sapegin.me/all/react-structure

Обратите внимание на комментарии, есть хорошие предложения https://m.habrahabr.ru/post/308782/

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

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

Обратите внимание на комментарии, есть хорошие предложения https://m.habrahabr.ru/post/308782/

Кроме axiosa предложений не было, но он не умеет jsonp

Сделай новый список с предложенными альтернативами

Да

Завтра

мм

мир же вроде уже прошёл jsonp?

или вам для совместимости

Кто там за MessageFormat агитировал? Есть что-нибудь, чтобы не надо было тащить по 200килобайт в браузер для Intl.js?

так ты тащи его только в старое говно где интла нет, а в новое говно не тащи

пасаны! Гля чё я нашёл !11 https://github.com/matthewmueller/socrates

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

пасаны! Гля чё я нашёл !11 https://github.com/matthewmueller/socrates

Ну надо попробовать, так не скажешь сразу

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

ESLint: Using string literals in refs attributes is deprecated. (react/no-string-refs) Кто-нибудь знает почему так?

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

там не написано почему

https://github.com/facebook/react/commit/5ee8a93280987bf1547687f5d8665be89058f321#all_commit_comments

О, спасиб :)

так ты тащи его только в старое говно где интла нет, а в новое говно не тащи

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

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

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

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

Gemini

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

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

гм. ну есть же тесты, когда подсовываешь дизайн, а тестирующий фреймворк сравнивает результат верстки с дизайном. Я точно помню, там есть допустимая погрешность. В частности шрифты - это по пол-пикселя отличия

Gemini

спасибо

есть еще какой-то но названия не помню

упоминали на прошлом moscowjs

есть от какой-то российской компании. толи авито, толи еще кто-то

2гис вроде?

у 2гис есть ещё

чото типа мейкап

или както так называется

немного не в тему, но есть еще такое интересное http://galenframework.com

есть еще какой-то но названия не помню

backstopjs

http://2gis.github.io/makeup/ - ссылка на 2gis тулзу

Вообще пушка хочу заюзать

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

ребята, когда let указывать, а когда const ?

ребята, когда let указывать, а когда const ?

всегда const

ребята, когда let указывать, а когда const ?

ESLint тебе подскажет.

ребята, когда let указывать, а когда const ?

let когда меняешь значение переменной, очевидно

В остальных случаях const

спросил чтобы устаканить спасибки!

Народ, а это нормальная практика использовать пару обобщенных редюсеров на все приложение? Я вот смотрю что все пишут кучу редюсеров и непонимаю в чем суть. Зачем писать редюсеры на каждое действие если можно написать три обобщенных редюсера - "add" , "update", "delete" для всех действий просто посылая вот такие акшины: - dispatch({type: 'add', table: 'posts', records: {title: 'post1'}})-```dispatch({type: 'update', table: 'posts', records: post, mutation: {title: '1post'}}``` -```dispatch({type: 'delete', table: 'posts', records: post})``` И перед тем когда этот акшин уйдет к редюсеру миддлварка у меня перехватит и отправит запрос на сервер

Я тоже не понимаю и для общих кейсов стараюсь делать экшены и редьюсеры абстрактный, с передачей контекста применения при вызове экшена

Народ, а это нормальная практика использовать пару обобщенных редюсеров на все приложение? Я вот смотрю что все пишут кучу редюсеров и непонимаю в чем суть. Зачем писать редюсеры на каждое действие если можно написать три обобщенных редюсера - "add" , "update", "delete" для всех действий просто посылая вот такие акшины: - dispatch({type: 'add', table: 'posts', records: {title: 'post1'}})-```dispatch({type: 'update', table: 'posts', records: post, mutation: {title: '1post'}}``` -```dispatch({type: 'delete', table: 'posts', records: post})``` И перед тем когда этот акшин уйдет к редюсеру миддлварка у меня перехватит и отправит запрос на сервер

у меня так для всяких процессов, таблиц сделано. Например, что бы не писать для каждого события START_FETCHING/STOP_FETCHING имею объект, где хранятся все процессы, которые происходят сейчас. Обращаюсь по имени

удобно

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

Буду признателен

у меня так для всяких процессов, таблиц сделано. Например, что бы не писать для каждого события START_FETCHING/STOP_FETCHING имею объект, где хранятся все процессы, которые происходят сейчас. Обращаюсь по имени

Кстати а зачем вообще нужны акшины вроде start_fetching и stop_fetching?

Кстати а зачем вообще нужны акшины вроде start_fetching и stop_fetching?

что бы всякие прелоадеры/лоадеры показывать

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

что бы всякие прелоадеры/лоадеры показывать

а я по другому немного сделал - я показываю что происходит загрузка когда в mapStateToProps у меня в стейте нет каких-то данных. А для ошибки есть в стейте отдельное место и отдельный попап (например полоска сверху) будет трекать через mapStateToProps и показывать если какая-то ошибка. Если же нужно трекать например загрузку относительно каких-то данных то при загрузке файла на сервер миддлварка будет обновлять проценты в специальном поле _uploading в объекте файла

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

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

Для такого случая чтобы можно при отправке запроса миддлварка может записывать в какое-то специальное поле _downloading проценты загрузки в объекте относительно которого разгружаются данные

Для такого случая чтобы можно при отправке запроса миддлварка может записывать в какое-то специальное поле _downloading проценты загрузки в объекте относительно которого разгружаются данные

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

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

у меня вот такой обработчик xhr.onprogress = function(event) { var percent = Math.floor((event.loaded / event.total) * 100); download(percent, event.loaded, event.total); }

у меня вот такой обработчик xhr.onprogress = function(event) { var percent = Math.floor((event.loaded / event.total) * 100); download(percent, event.loaded, event.total); }

и с обычными текстовыми данным этого работает? Например, та же форма логина/пароля?

и с обычными текстовыми данным этого работает? Например, та же форма логина/пароля?

так это не зависит от типов данных - трекается на уровне http-запроса

так это не зависит от типов данных - трекается на уровне http-запроса

ни разу просто не встречал, что обработчик прогресса вешают на обычные формы, без передачи данных. Хотя кроме время загрузки есть и время ожидания, которое может быть дольше. И у тебя получается будет висеть 0% какое-то время?

Дикий вопрос, кто то совмещал yui2 и реакт?

ERROR: S client not available

ни разу просто не встречал, что обработчик прогресса вешают на обычные формы, без передачи данных. Хотя кроме время загрузки есть и время ожидания, которое может быть дольше. И у тебя получается будет висеть 0% какое-то время?

Ну да будет висеть 0% некоторое время в общем случае но как индикатор определения загрузки работает, можно еще на xhr.upload.onprogress поставить обработчик для более точного определения

https://medium.com/@hoffa/400-000-github-repositories-1-billion-files-14-terabytes-of-code-spaces-or-tabs-7cfe0b5dd7fd#.ehn0nycdy

Ну да будет висеть 0% некоторое время в общем случае но как индикатор определения загрузки работает, можно еще на xhr.upload.onprogress поставить обработчик для более точного определения

Можно делать фейковый прогресс, который увеличивается сразу где-то до 10-15% и потом по несколько процентов прибавляет с каким-то небольшим рандомным интервалом для случаев, когда прогресс загрузки не получить или параллельно идет несколько обычных запросов без прогресса. А когда успех, то анимируется быстро в 100% и исчезает

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

лол

Сейчас особый комитет по прогрессбарам удалит эти сообщения!

Не все, но да, именно так.

Симбиан вспомните с его прогрессбарами установки.

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

не все, при подгрузке секвенции (куча картинок для псевдо-3d или анимации) можно написать почти честный!

ну я утрировал, большинство, да

если еще честнее – все, которые я делал))

кто разбирается в performance api?

график domLoading - responseStart показывает разницу в 1-1.5 секунды

что происходит в это время?!

https://medium.com/@hoffa/400-000-github-repositories-1-billion-files-14-terabytes-of-code-spaces-or-tabs-7cfe0b5dd7fd#.ehn0nycdy

Фаталити :)

не, оказалось я не прав

у меня стоят пробелы в виме

эта инфографика у меня есть

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

смотрите что http://babeljs.io/blog/2016/08/30/babili

ух ща накачу

в двух словах, че там по пробелам? это ок не ок?)

в двух словах, че там по пробелам? это ок не ок?)

форматирование пробелами?

ага

каждый дрочит как хочет

каждый дрочит как хочет

и не бомбит на чужой кодстайл

в теле render нельзя использовать функцию .map() ?

в теле render нельзя использовать функцию .map() ?

можно

даже в return ?

даже в return ?

только оберни в див

а хотя... можно и массив возвращать