Просто уже хочу увидеть что это за чудо-подход.

Параллельно о нем же и говорим

> -actions теперь тоже так умеет а я думал он всегда так умел.....)

Разница между redux и reflux тоже невелика, так то)

И где сейчас reflux

reflux предполагает, redux располагает

Параллельно о нем же и говорим

Так вот и прошу помочь реализовать мой пример с помощью этого подхода.

Ты хоть ридми почитай сначала. Там все написано и есть ответ на твой вопрос.

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

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

как там вообще люди сидят хз

а что не так?..

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

там просто мусорка какая-то

ну выйти из чатов уж точно можно)

разве?

чяднт?

вижу, что можно мьютить по чатику за раз

А, ты про канал

также можно отключить уведомления

Наверное нельзя..)

на этом все

если где-то непрочинное тонны говна, то будь добр терпеть это говнище

раньше в слаке было ок

я там даже админом был

(и сейчас наверное до сих пор, т. к. иногда на почту сыпется статистика по каналам)

const addAction = (list, payload) => [...list, payload]

Так и у меня одна функция для каждого действия (в моем случаеи инициализация и удаление). function getListReducer(state, action) { return { ...state, list: action.payload.list, }; } function removeItemReducer(state, action) { const { payload } = action; const list = state.list.filter((item, i) => i !== payload.index); return { ...state, list, }; }

Чистые функции, которые можно вынести куда угодно.

А когда 2 тысячи человек соберётся в группе, митап в Москве будет проводиться? Может там покажите православную реализацию моего примера?

Всем привет, есть необходимость изучить/научиться react+router+redux в краткие сроки. Подскажите годные туториалы/идеи для практики по этой теме, и стоит ли использовать react router v4 или v3. Заранее спасибо

Использовать react-router не стоит, но придётся

Реакт роутер был послан нам за наши грехи

В краткие сроки — садишься и делаешь новый проект)

это шутка такая? Давайте мы напишем непонятные обертки на понятные простые вещи - и будем их юзать? Не понял профита.

Лол ты код то видел, что там непонятного, там обертка на пару строк кода, для того чтобы лишнего не писать постоянно, для чего изначально и появились все redux-actions и redux-act

Всем привет, такой вопрос вызываю dynamic import import('./component.jsx').then(cmp => { this.setState({ component: cmp.default, }) }) затем делаю его рендер const { component } = this.state return component ? <component {...this.props} /> : null но в итоге получаю пустой элемент

Лол ты код то видел, что там непонятного, там обертка на пару строк кода, для того чтобы лишнего не писать постоянно, для чего изначально и появились все redux-actions и redux-act

Ситуация: у нас есть две конкурирующие библиотеки-бойлерплейта — О, придумал, а давайте сделаем общую библиотеку для подобных шук! Ситуация: у нас есть три конкурирующие библиотеки-бойлерплейта

Ситуация: у нас есть две конкурирующие библиотеки-бойлерплейта — О, придумал, а давайте сделаем общую библиотеку для подобных шук! Ситуация: у нас есть три конкурирующие библиотеки-бойлерплейта

Ситуация: есть задача писать меньше кода для создания большого кол-ва экшенов. Решение: поискать текущие реализации, если не подходит написать свою. Выбирай что лично подходит под твою задачу и лучше ее решает, выбор это хорошо

Такое ощущение что 90% чатика делает home page для котиков.

так и есть

Ещё 10% делают /login

кстати о котиках - кто-нибудь делал полноценное spa для вордпресса с серверным рендером?

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

хотя наверное это оффтоп так как не относится не посредственно к реакту

Не делай так

Тебе придется каждый "плагин" переинициализировать там где нужно. destroy, initialize и все такое

посоны, как узнать когда рeактовскоe приложeниe полностью загрузилось?

с картинками и тд

тоесть пока что связка wp+graphql+react не лучший вариант...

document.onload?

document.onload?

нe вариант для картинок

посоны, как узнать когда рeактовскоe приложeниe полностью загрузилось?

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

грузи картинки через url-loader дата-урлами =))

они на сeрвакe хостятся

грузи картинки через url-loader дата-урлами =))

в том числе фуллсайз в 50 мегапикселей :D

hence "=))"

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

тоесть пока что связка wp+graphql+react не лучший вариант...

Я не знаю на сколько все хорошо с плагинами для wp, но мне кажется они рождены, чтобы умереть только при обновлении страницы. Увы, в SPA нужно каждую внешнюю балалайку выбирать с нормальным и прозрачным интерфейсом

Я не знаю на сколько все хорошо с плагинами для wp, но мне кажется они рождены, чтобы умереть только при обновлении страницы. Увы, в SPA нужно каждую внешнюю балалайку выбирать с нормальным и прозрачным интерфейсом

да я и сам понимаю это... на вордпрессе первый проект за последние 3 года. заказчик настоял именно на вордпрессе. до этого сидел на go+react. просто думал может кто то уже придумал решение

нe вариант для картинок

как это не вариант

как это не вариант

Ну, а как ы определю, что у меня 1) загрузились реакт - приложение 2) отрендерилось 3) в отрендеренных img'хах загрузились изображения

componentDidMount() { window.addEventListener('load', this.handlePageLoad); }

И все это в nightmare js?

ERROR: S client not available

к nightmare js вопрос)

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

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

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

Примерно так, уточняющие вопросы можно подготовить и задать на следующей Q&A которая будет 27 апреля с Vincent Ning & Michael Paris.

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

ну не "управление флексами"

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

народ может кто подсказать на скорую руку(поверхностное гугление не помогло) как сделать так чтобы при сборке в продакшен изображения копировались в ./dist/img/[name].[ext], но ссылки на них в css проставлялись /long/long/way/to/dist/img/[name].[ext]

че-то типа public url в вебпаке

все разобрался

/stat@combot

combot.org/chat/-1001032883247

все разобрался

как в итоге?

как в итоге?

Если используется file-loader то там есть опции publicPath и outputPath

Если используется file-loader то там есть опции publicPath и outputPath

понял, спс

в коде проекта есть 3 достаточно разных компонента , но у них в render есть общий код (не верстка, а компоновка имени класса на основе пропсов). Хочу вынести код чтобы избежать его дублирования. Наследование не от React.Component как я читал не приветствуется - нельзя на потомке вызвать метод предка, т.е. super.myMethod просто не работает. Как быть?

HOC компонент добавит лишний div в верстку... пока хотелось бы избежать его

А разве нельзя в методе render HOC-а просто вернуть потомков? Тогда не будет лишних div-ов.

А разве нельзя в методе render HOC-а просто вернуть потомков? Тогда не будет лишних div-ов.

Вообще можно в методе рендер вернуть только один элемент

Естественно, в продакшн-коде нужно учесть все кейсы, но вроде это рабочий вариант

А разве нельзя в методе render HOC-а просто вернуть потомков? Тогда не будет лишних div-ов.

нет

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

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

Какие подводные камни ?

RoR или grails?

ROR

А разве нельзя в методе render HOC-а просто вернуть потомков? Тогда не будет лишних div-ов.

Можно, но на HOC придётся прокинуть пропсы понятные всем трём оборачиваемым компонентам