не выпилили, но это теперь скорее всего будет import()

System.import уже депрекейтед стал

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

https://www.youtube.com/watch?v=JYP0e7uwgG0&ab_channel=IlyaKantor https://www.youtube.com/watch?v=enlfe-6VQNM&ab_channel=IlyaKantor

https://www.youtube.com/watch?v=JYP0e7uwgG0&ab_channel=IlyaKantor https://www.youtube.com/watch?v=enlfe-6VQNM&ab_channel=IlyaKantor

вообще не то

но я уже разобрался. Пока будет функция, которая с помощью glob проходится по всем папкам и создает из них точки входа

действительно не то

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

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

https://github.com/ReactTraining/react-router/blob/c3cd9675bd8a31368f87da74ac588981cbd6eae7/examples/huge-apps/routes/Course/index.js

https://webpack.github.io/docs/code-splitting.html

https://github.com/ReactTraining/react-router/blob/c3cd9675bd8a31368f87da74ac588981cbd6eae7/examples/huge-apps/routes/Course/index.js

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

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

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

мб

А на чем роутинг сейчас?

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

У тебя SPA?

ага

System.import умеет glob

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

но за наводку спасибо, буду знать

А кто-то сталкивался с необходимостью смежить вызовы функций?

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

https://github.com/component/debounce/blob/master/index.js

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

Чёт какой-то странный запрос

Это не concurrency точно

Но вообще можно сделать такой тред на yield генератора

В общем, ситуация такова, что все аргументы во время вызова нужно сохранять в массивчик и по истечении 150мс после первого вызова отправлять на сервер

throttle, с небольшими модификациями

Alibaba выпустила свою React-compatible библиотеку https://github.com/alibaba/rax

Alibaba выпустила свою React-compatible библиотеку https://github.com/alibaba/rax

Нужно больше реакт-подобных библиотек

Еще больше

Alibaba выпустила свою React-compatible библиотеку https://github.com/alibaba/rax

8 кб, в 5 раз быстрее

На самом деле если у всех наконец то будет стандартизовываться api то это хорошо

Нужно больше реакт-подобных библиотек

Ну у Alibaba ресурсов то побольше, чем у ментейнера preact

но если он реально выдает 1553 op/s, то нужно попробовать

>1553 op/s > <div />

Alibaba выпустила свою React-compatible библиотеку https://github.com/alibaba/rax

? Universal: cross Browser、Weex and Node.js.

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

что значит weex

Тяжело понимать такие исходники) // 对同一组件并行渲染十次，然后串行在十个独立的子进程里执行

benchmarks results

кэшировать array.length в 2017ом :)

https://github.com/taobaofed/server-side-rendering-comparison/blob/master/benchmarks/renderToString.js#L11

https://github.com/alibaba/rax/blob/master/packages/rax/src/server/serializer.js#L73

что значит weex

https://github.com/alibaba/weex

кэшировать array.length в 2017ом :)

что не так?)

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

что не так?)

http://mrale.ph/blog/2014/12/24/array-length-caching.html

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

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

на самом деле форки от корпораций по большому счёту из-за патентов

кэшировать array.length в 2017ом :)

Ну это же китай, там не везде V8 с кэшированием .length

Ну это же китай, там не везде V8 с кэшированием .length

я думал это на nodejs исполняется

Аа

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

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

Китайцы повышают энтропию, сначала контребьютили в vue и weex использовал их шаблон, теперь сделали react-core и назвали его rex. Мне кажется у них есть какой-то план покорения мира, но исходники на китайском - это жесть)

Да ладно уж, я утрирую. Один коммент в бенчмарках нашел

поправить исходники - дело времени, это же OSS, по-крайней мере сейчас )

http://mrale.ph/blog/2014/12/24/array-length-caching.html

Проверил, вот что получилось - cacheTest x 346,504 ops/sec ±1.78% (82 runs sampled) noCacheTest x 317,220 ops/sec ±1.08% (84 runs sampled) node - v7.2.1 Что я делаю не так ? https://gist.github.com/Tom910/37d3c863103c87741d835738af03b3ba

Да ладно уж, я утрирую. Один коммент в бенчмарках нашел

все комментарии на китайском

Ох :(

Мне казалось, что видел на английском, поэтому поставил под сомнение

Проверил, вот что получилось - cacheTest x 346,504 ops/sec ±1.78% (82 runs sampled) noCacheTest x 317,220 ops/sec ±1.08% (84 runs sampled) node - v7.2.1 Что я делаю не так ? https://gist.github.com/Tom910/37d3c863103c87741d835738af03b3ba

По этой причине, кэшировать array.length в 2017 году нормальная идея

ок :)

У Дворнова был недавно доклад по производительности https://image.slidesharecdn.com/jsperformancehighload-final-161107102034/95/javascript-47-638.jpg?cb=1478650194

ERROR: S client not available

Javascript framework benchmarks. недавно на реддите пробегало)

Javascript framework benchmarks. недавно на реддите пробегало)

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

https://twitter.com/veged/status/807489529825361920

если речь, вообще, про картинку - то ей лет с десяток. а вот подпись я более недавно чем 10 декабря, вроде, видел на реддите

Вот вроде бы оригинал https://www.youtube.com/watch?v=uXZlJGoK78A

В итоге все равно победили костыли и велосипеды ?

https://github.com/alibaba/rax/blob/master/docs/difference-with-react.md в остальном полная совместимость :D

Вопрос по react-router v4 - есть какие-то варианты слушать изменения в browser history не через контекст? Во второй версии я использовал программную навигацию через простые методы history api и пакет react-router-redux, сейчас сам пишу с пакетом 'history' 4.5.1 - по сути просто доступ к history api. На этом уровне работает, но роутер что-то не хочет слушать происходящее в history. Я так полагаю, это из-за их нового подхода с композиционным матчингом?

https://github.com/alibaba/rax/blob/master/docs/difference-with-react.md в остальном полная совместимость :D

Да, тоже порадовало, слишком мало там отличий)

если у нас даже preact не работает нормально

ну в preact хотяб не пихают поломаную реализацию "synthetic events" как в инферно лишь бы показать цифру в бэнчмарке :)

Автор inferno недавно устроился в FB, интересно, повлияет ли это на производительность React в лучшую сторону?

нет, не повлияет :)

повлияет конечно

Хотя он и до этого контрибьютил в React

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

Дабы убрать конкурента, шутка конечно)

главный секрет инферно в том что в инферно тупо копировались идеи из других библиотек :) ничего кроме микробэнчмарков типа "for in vs object.keys" там не происходило

1. контрибьютишь в реакт 2. гугл-перф-тим тебя хвалит 3. у тебя красивые глаза 4. ???? 5. ПРОФИТ

1. контрибьютишь в реакт 2. гугл-перф-тим тебя хвалит 3. у тебя красивые глаза 4. ???? 5. ПРОФИТ

Похоже на план

SUCC

"This was possible because the Inferno team worked closely with the TypeScript and V8 teams, so that Inferno’s compiled core leverages and works with the modern V8 engine. As a result, Inferno is one of the most highly optimized JavaScript UI library currently available." вот это вообще ололо :)

то есть, автор еще и контрибьютил в v8 и TS?

нет, то есть то что в твиттере ему пару раз отвечали на вопросы разработчики v8 означает что они тесно сотрудничали с командами из TS и v8 :)

это ведь звучит гораздо лучше чем то что "мы тут накопипастили, поэтому мы такие быстрые" :)

Он лучшие практики взял

А вообще, пофиг что он там скопипастил, главное что работает быстро)

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

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

по поводу inferno не знаю, так и не получилось запустить, но с preact было по лучше + lazy render порадовал