Зря он про преакт ляпнул, да) Все буквально всё воспринимают

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

Preact же не умеет SSR? знает кто?

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

но спасибо, что поделились

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

Самое печальное что всеравно же клипают. Могут разбивать на более мелкие бандлы, но всеравно куда не посмотришь 1 бандл 2-5Мб

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

Я не понимаю, что "обидного" в этих словах) По-моему, вес бандла — действительно очень важный показатель. Если сайт старательно сделан с соблюдением всех mobile-first техник, но весит 600кб, это ни хрена не mobile friendly, к сожалению Мы это при хорошем вифи и lte плохо замечаем

Самое печальное что всеравно же клипают. Могут разбивать на более мелкие бандлы, но всеравно куда не посмотришь 1 бандл 2-5Мб

там же в треде, который я скинул есть и про это шутки

Preact же не умеет SSR? знает кто?

умеет https://github.com/developit/preact-render-to-string

https://twitter.com/jergason/status/797585161495814152

он не работает

почему нет ? edge-кейсы ?

https://twitter.com/contrahacks/status/797587212640616450

почему нет ? edge-кейсы ?

выше ночью @localvoid примеры приводил

короче доклад хороший, дам ссылку на всякий случай https://www.youtube.com/watch?v=4bZvq3nodf4

http://codepen.io/localvoid/pen/WojeKN оно ?

https://twitter.com/jergason/status/797585161495814152

> also shipping before my company dies is super important по-моему это говорит о двух вещах 1) тулзы для сплиттинга должны быть лучше (хотя сейчас они лучше чем когда-либо) 2) компании должно быть не всё равно на то, какого размера бандл она выпускает. И если такое условие будет одной из фич при разработке — уверен, никаких проблем с уменьшением веса приложений не будет. Личные обиды это смешно как-то. Вся проблема мне кажется не в том, что сложно/невозможно облегчить бандл, а в том, что об этом особенно не задумываются вообще

хз кто не задумывается. тут есть такие?

для кого это все новости

для разработчиков стима

надо их в чят

чтобы были в курсе

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

и можно оптимизировать ну вообще нескоро

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

существует, конечно

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

http://codepen.io/localvoid/pen/WojeKN оно ?

есть ишшю в преакте ?

есть ишшю в преакте ?

всё есть )

Всем привет. Есть ли какие-то статьи, гайды или видео на тему того, как правильно разбивать SPA на чанки с помощью Webpack? Может тут уже упоминали или рассказывали, я просто не смог в результаты поиска по чату.

всё есть )

можно линк ? или впадлу

https://github.com/developit/preact/issues/414

вижу

сенкс

хз кто не задумывается. тут есть такие?

Ты просто по себе судишь. Для тебя это не новость уже лет 10. Остальным это может быть не то чтобы новость а они могли об этом не задумыватся даже. Сейчас вижу кучу Backend программистов которые делают front-end бандлы по 3Mb и искренне удивляются "почему так медленно"

ну мб

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

и они в большинстве случаев больше, чем публичные

Мне кажется, что подобная практика только развращает. Потому что человек привыкает так писать и потом ленится делать нормально публичные вещи.

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

мне кажется, что вся эта культура «новый фреймворк каждый день» добавляет огонька в бандлы

люди пишут визитки на реакте

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

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

Если у меня есть Товары: телефоны в каждом есть кнопка ADD_TO_CART и есть корзина. Когда я нажимаю на эту кнопку, то обновляется state корзины. так к чему относиться action - ADD_TO_CART? изучаю redux. и как то так получается, что у меня надо слишком много передавать через props, через 3 элемента, как этого избегать если делишь компоненты и контейнеры?

Относится к редусеру корзины

а вообще ты бьешься за каждый килобайт. Выпиливаешь лодаш по кускам. Перепиливаешь десятки легаси-файлов, чтобы убрать жквери. Делаешь бандлинг суперагрессивный. А потом - бац, приходят маркетологи и ставят на сайт десяток скриптов, которые сами жквери подгружают и тормозят. И глючный анимационный попап в рожу - бааам. И видео на бекграунд - хуяк!

Таких уродов забивать надо

Ножом

Как свиней

Klim А тебе говорят, что они деньги приносят)

Они не приносят ничего)

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

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

Была депрессия

как-то можно в dynamic routing в реакт-роутере вместо айдишника имя проставлять?

Всем привет. Есть ли какие-то статьи, гайды или видео на тему того, как правильно разбивать SPA на чанки с помощью Webpack? Может тут уже упоминали или рассказывали, я просто не смог в результаты поиска по чату.

https://learn.javascript.ru/screencast/webpack

https://learn.javascript.ru/screencast/webpack

Спасибо, но это не совсем то, что мне было нужно. Этот скринкаст я, конечно же, смотрел.

как-то можно в dynamic routing в реакт-роутере вместо айдишника имя проставлять?

3 аргумент require.ensure, если не ошбаюсь

3 аргумент require.ensure, если не ошбаюсь

спасибо)

а кто как константы для redux actions задает? глянул keyMirror, но с ним автокомплита нет

а кто как константы для redux actions задает? глянул keyMirror, но с ним автокомплита нет

redux-act, redux-action, redux-... погугли)

redux-act, отдельный файл с экшнами, в нем по категориям

Чтобы в результате в редюсеры подключать их в стиле USER.SEND_MESSAGE

ERROR: S client not available

redux-act, отдельный файл с экшнами, в нем по категориям

а с асинхронными actions как делаешь тогда?

react-act-async

по вебпак есть конфа? кто-нибудь в курсе?

а с асинхронными actions как делаешь тогда?

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

react-act-async тоже в принципе выглядит разумно

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

ну я вот как раз про структуру, обычные экшнс например лежат в /actions/actions.js, а асинхронные где?

/api например

/api

Ух ты, однофамилец)

)

Я перешел на рекат. Я красава

или не

Здравствуйте, я Адик и я перешел с ангулар на реакт

а с реакта куда?

cycle.js?

cycle.js?

?

Мог бы кто-нибудь помочь с шаблонизацией. Я из pug -> html конвертирую. import header from '../../../views/header.pug' Лоадеры имеются и все компилит норм. Но не рендерит почему-то.

Я начал с реактом работать только дня два назад и с вебпаком. На ангулар было немного проще, но рано или поздно надо начинать с реакта. import React from "react"; // Components import Header from './components/Header' console.log(<Header/>); React.render( <Header />, document.getElementById("content") );

а сам Header компонент такой: import React from "react"; import template from '../../../views/header.pug' class Header extends React.Component { render() { console.log(template); return (template); } } export default Header;

Если элемента нет надо null возвращать

он просто не нашел файл, пути неправильные или не собрался или еще что

с путями игрался, не помогло

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

И офк в конфиг вебпака

Там style а у тебя styles

опечатка?)

Зачем он нужен?

=\