на реакте

В комментах хают новый банкинг за 3мб скриптов в гзипе

http://storage5.static.itmages.com/i/16/0623/h_1466699298_1943027_65818e0281.png

такое еще не встречал

А есть такая тулза в опенсорсе?

А есть такая тулза в опенсорсе?

Есть подобная утилита) надо поискать в stars на гитхабе

А почему 3мб? У них нет чанков?

А почему 3мб? У них нет чанков?

Фиг знает. Но это надо постараться, чтобы в гзипе 3мб выдавало.

Andrey https://github.com/garbles/why-did-you-update

арр

https://github.com/garbles/why-did-you-update

вот нормальная ссылка

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

А почему 3мб? У них нет чанков?

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

не помню кто но просили демо по jss с ssr на реакте, я только что сделал релиз и демо есть тут http://jsstyles.github.io/examples/index.html

React Amsterdam Meetup

Роберту привет. И всем остальным

Это к вопросу о том, с чего начать :)

Хотя начинать не нужно

А вот инетерсно - есть такие же джавсты/сишники/етц, с буками в таких наклейках?

Да

да

У меня на верхней крышке уже места нет. Я низ начал заклеивать

не помню кто но просили демо по jss с ssr на реакте, я только что сделал релиз и демо есть тут http://jsstyles.github.io/examples/index.html

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

да а лучше в гиттере

?

Коллеги, добрый вечер. Простите. Вопрос по React/Redux. Какова может быть причина того, что после диспетчеризации события компонент (который обернут в connect), не перерисовывается? То есть, его render() метод не вызывается. Я, например, ранее сталкивался с тем, что я забывал завернуть создателя action в dispatch(). Но я перепроверил, в моем случае сейчас - такого нет. Каковы могут быть _другие_ причины неперерисовки? Вторая возможная причина - это некорректно работающие редьюсеры (если они не возвращают новый объект при изменении состояния). Есть что-то еще?

редюсер подключил?

тоесть экшен в редюсере ты обрабатываешь который хочешь чтоб обновил стейт?

да

хаха. Сам спросил, сам нашел ответ: если компонент обернут в коннект, то ему обязательно надо передать ту часть стейта, которая меняется редьюсером Silly Daddy Pig!

export const OfficeListContainer = connect(({ entities, modals }) => ({ // entities, modals }))(OfficeList);

нелья (в моём случае) было комментить entities

дык да, коннект следит, чтобы не было лишних рендеров

> Oleg редюсер подключил? Кстати, хорошая заметка. Частенько бывае, что забываю. Может, уже есть какой-то чеклист по траблшутингу?

думаю просто пару раз напороться надо и все

дык да, коннект следит, чтобы не было лишних рендеров

Ну да, это я и сам понимаю. Затупил невпопад. Чё уж..

Начинаем

Oleg а что-то в инициализации поменялось ? на сервере получаю другие ид .button-1582676675 - сервер button--jss-0-0 - клиент

до обновления было все одинаково

Фиг знает. Но это надо постараться, чтобы в гзипе 3мб выдавало.

А Че стараться, картинки в base64 и вуаля

ты на клиенте не обновил либу

выведи console.log(jss.version)

точно, веб пак не перезапустил

написал вопросы

Сейчас будет глупый вопрос. Если я делаю SSR с redux. То при переходе в другой раздел, у меня перезагрузится страница и сервер отдаст рендер этого раздела? Или при переходе в другой раздел я просто запрошу с сервера лишь данные об этом разделе, по сути как в SPA

Что идеологически верное

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

SSR не отменяет SPA, а дополняет. Первая загрузка быстрая - потом обычный spa

отменяет SPA олдскульный монолит и тонкий клиент(ну или турболинки)

Ну просто в видео Дениса про универсальные апликейшины так яро зачеркнута SPA

Это в плане мышления, но я как раз говорил позже, что это будет набор SPA с первичным рендером HTML/CSS на сервере

А в чем тогда избавление от memory leak?)

если на сервере будет течь, то все напрягутся)

Как раз в конце видео ответил на этот вопрос

Простите, коллеги, если поздновато. Вопрос: к каким паттернам наименования компоментов вы прибегаете, когда используете привязку? export class Name1 {…} export const Name2 = connect(..)(Name1);

Если это уже обсуждалось, угостите ссылкой, пож-ста.

контейнер лежит в отдельном файле (или даже в отдельной папке с контейнерами) и называется типа Name1Container

я использую эту структуру, и тут есть развернутая дискуссия на тему https://github.com/davezuko/react-redux-starter-kit/pull/684

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

ERROR: S client not available

export class DisconnectedComponent; export default ConnectedComponent;

ну это у вас все smart

Да, я видел такое у Дэна

сейчас модно делать components - dumb

а containers - smart

export class DisconnectedComponent; export default ConnectedComponent;

Я про это. Спасибо

То есть, специально называть ..Container - это как бы чересчур?

у меня сейчас вообще как-то так выглядит: Component/ behavior.ts index.ts // composed (and/or) connected styles.css view.tsx // pure

То есть, специально называть ..Container - это как бы чересчур?

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

забавно – похоже, что React DevTools не работают, когда запускаешь chrome developer tools для Chrome App или экстеншна, проверил на 2-х проектах для верности (свой и crossbuilder) (или у кого-то работают?)

У меня не работают с вебпак дев сервером. Правда я грешу на iframe

https://getsentry.com поставил, очень нравится

https://getsentry.com поставил, очень нравится

и готов платить 30 баксов?)

и готов платить 30 баксов?)

думаю нормальная цена, 30 дней retention, нормальный конкурент heap

https://getsentry.com поставил, очень нравится

у нас rollbar, таже шляпа примерно. Вот никто не пушит к ошибке еще весь редаксовый набор случившихся экшенов(например без данных, чисто типы)?

а в чем проблема это добавить?

У меня не работают с вебпак дев сервером. Правда я грешу на iframe

Да, наблюдал такое. Вообще средства разработчика (Chrome Dev Tools) открываются на полсекунды, а потом исчезают.

гы. John-David Dalton (это тот который связан с лодашем) теперь мейнтейнит is.js и он сейчас за пару часов закрыл кучу ишьюсов(мне кажется около 90) и разрулил пуллреквесты. прям норкоман какойто https://i.imgur.com/2RRsqFe.png

потрещиим ?

Нашёл свою старую либу, которая из json schema делает mongoose model

Ужаснулся.

Переписываю.

гы. John-David Dalton (это тот который связан с лодашем) теперь мейнтейнит is.js и он сейчас за пару часов закрыл кучу ишьюсов(мне кажется около 90) и разрулил пуллреквесты. прям норкоман какойто https://i.imgur.com/2RRsqFe.png

у него особая манера. Обычно просят что-то исправить в PR, а он говорит ок, добавлю, и закрывает) И переписывает по своему)

потому что чаще всего проще самому написать чем обьяснять как надо

потому что чаще всего проще самому написать чем обьяснять как надо

Только это немного обидно.

ну а что делать, время не казенное

core-js на что-то похож

Типа, вот на это?

на глаз