Привет! Меня зовут Денис и последние 3 недели я искал JS вокруг Черного Моря. Оказалось в Грузии никто не пишет на JS, там пишут на бумаге

Душещипательная история о рендерингe - вместо скроллинга body весь сайт положили в скролящийся div = -20 к FPS. А как вы убивали перформанс?

@jsunderhood а есть ли кто-то в сообществе, кто увлекается ML и AI?

@jsunderhood нам передали проект. 80+ файлов, и как я сегодня выяснил - 57 циклических зависимостей. Какой тут к черту перфоманс(

Не страшно быть фанатом веб платформы, но странно делать религию из конкретного фреймворка.

Вчера знакомый украинец из Ужгорода спросил - какая лучшая IT конфа в СНГ. Что ответить?

@jsunderhood какие вообще есть Айтишные конфы?

Переводим с языка React на язык Web Component: componentDidMount = attachedCallback. Помогите перевести на Angular 2 или Ember.

Вот, нашел синоним для Эмбера… Итого (React) componentDidMount = (Ember) didInsertElement = (WebComp) attachedCallback. Вавилон как он есть…

@jsunderhood Ненавижу, когда I (заглавная i) оказывается в середине camel case ключа. Всегда так подбираю слова, чтобы избежать этого.

Тем временем в Голландии лето в разгаре, +14, четвертый день небольшой дождик с небольшим ураганом

Что для вас значит Creative Coding?

@jsunderhood код прекрасный с эстетической точки зрения, но непонятно как он работает и, главное, зачем.

А есть ли движки интернет магазинов на ноде ? =) Нужно поднять, а от PHP чуть воротит.

@jsunderhood codecanyon.net/item/nodecart-…

@jsunderhood если тебя воротит от PHP, то тебя должно воротить и от движков интернет-магазинов.

Утром писал про зоопарк API в компонентах.Постоянно терзаюсь мыслью-почему бы фреймворкам не иметь общий,расширяемый API компонент?

JS Components Foundation… И потом JSCF, как база + React / Ember Extensions / Angular Extensions, а веб компонентам екстенш не нужен =)

@jsunderhood Ну, браузеры тоже начинали с диких проприетарных фишек. Через некоторое время выровнялось. Может, и с фреймворками так же будет

@jsunderhood Кстати, @listochkin вон как-то рассказывал, что все фреймворки на самом деле идут к одному и тому же.

@jsunderhood @gxoptg_ @listochkin потому что стандарты это долго и дорого. А рынок хочет что бы было новое уже вчера и завтра по другому.

Предположим вы мечтаете добавить новое API в браузер - document.doUsefulStuff . Ваши действия?

@jsunderhood устроиться в google и firefox, реализовать его, а затем написать спеку для w3c и поставить её в RC, тк поддерживают 2 браузера

@iamstarkov @jsunderhood найти единомышленников в командах Mozilla и Google, которые реализуют api в браузерах, ну или в w3c продвинуть идею

@jsunderhood @a_lithium @listochkin Если боятся, то зря. От стандартизации веба выиграли все.

@jsunderhood @a_lithium @listochkin Плюс вряд ли они потеряют пользователей: сколько уйдет благодаря одинаковому АПИ, столько и придёт.

@PixelsCommander @jsunderhood ты ведь расскажешь про webgl?

@jsunderhood @PixelsCommander если это может дать 60fsp experience, то это интересно всем

@jsunderhood @iamstarkov @PixelsCommander да ладно, в b-reel делают крутые штуки b-reel.com/projects/digit…

@jsunderhood @iamstarkov @PixelsCommander или вот North Kingdom northkingdom.com

Кто уже прошел interactivehaiku.com/lifeisshort/ ?

@jsunderhood @iamstarkov @PixelsCommander Я к тому, что работа есть, не так много, конечно. Расскажи с чего начинать в мире WebGL?

Жизнь кажется вам скучной? На работе навалилась рутина, любимый JavaScript больше не радует?

WebGL - это отличный и максимально бесполезный способ убить 200 часов своего времени на обучение. Гарантировано изменение в структуре мозга.

Только изучая WebGL вы получаете новый язык (GL SL) в подарок, а так же массу лулза и хедейка в процессе создания простого кубика.

Как вознаграждение-возможность использовать GPU на полную катушку,делать умопомрачительные эффекты окологолливудского качества (лет через 5)

Есть вариант изменить кривую обучения, используя движки предлагающий понятные JS абстракции, тут лидер three.js github.com/mrdoob/three.js

@cssunderhood @jsunderhood Составляю список того, что нужно доучить/дочитать. Вопрос… что нужно знать крутому front-end? (тулзы, языки…)

А что уже в списке? Что бы не повторяться… Из не совсем очевидного добавь performance profiling, понимание rendering модели, WebGL, SVG.

@jsunderhood также интересно глянуть на babylonjs.com

Да, он рабочий и спонсируется даже какими то гигантами, но по комьюнити и шоукейсам соотношение three.js / babylon.js примерно 100 к 1

@LeusMaximus @cssunderhood @jsunderhood в связи с этим возник вопрос, а где вы храните ссылки\либы\плагины, что бы потом не искать по долгу?

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

@delaz @LeusMaximus @cssunderhood @jsunderhood создать свой список на GitHub хорошая идея!

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

Что думаете о смешивании нескольких фреймворков или либ в одном приложении? Реакт+бэкбон, ангуляр+джейквери, etc. @jsunderhood

К слову можно дружить компоненты на разных фреймворках с помощью github.com/MVC-Elements , приводя их к общему знаменателю Web Components

@jsunderhood что за бред, все компоненты могут (и должны)быть отвязанными.Это текущие реализации всяких флюксов навязывают вам эту привязку.

Звучит логично, компонентизация данных - следующий шаг для FB

Кстати, господа.Либа позволяет накладывать WebGL эффекты на HTML контент,a-la pixelscommander.com/polygon/ripple… .Какие эффекты добавить?Мошн блюр?Еще?

Упс, сорри, кроссбраузерный линк pixelscommander.com/polygon/htmlgl… . Кстати фильтры добавляются супер - просто, через аттрибут <div effects="ripples">.

Когда Virtual DOM добавят в спеку? Хочу быстрый, нативный.

@jsunderhood Учитывая что гугл продвигает <s>всякое говно</s> другое, думаю не скоро. У фейсбука слишком мало влияния на браузеры :(

Это что там за гавнецо от гугла?

Кстати так и не понял в чем соль github.com/google/increme… разве это не VirtualDOM с эффективной реализацией?Которая поди и так дефолтная у фб

@jsunderhood самые эффективные оптимизации можно сделать когда есть знания уровня приложения. "Нативный vdom" не поможет, а скорее ухудшит

@jsunderhood в idom деревяшка забита в код с единственным видом обхода (DFS), есть свои плюсы и минусы по сравнению с другими решениями.

@andreypopp @jsunderhood ну почему же, можно переписать react на asmjs ). А потом все равно придёт WebAssembly

.@__fro WebAssembly же не совсем о скорости выполнения. WA = уменьшение размера кода и ускорение развертывания.

@__fro @andreypopp @jsunderhood Не за performance люди любят реакт. Performance это вишенка на торте, а не главная крутость реакта.

@jsunderhood

$ npm install -g caniuse-cmd (how cool is that!?) pic.twitter.com/xzr8ySmkri

11:56

Кто что использует для scaffolding во флюксе? Cmd,c и v на клаве почти износились…

@deepwalker @jsunderhood Я слышал в гугле лучший способ получить повышение - написать новый js фреймворк. Ангулар я вообще считаю саботажем.

@freiksenet @jsunderhood @deepwalker за что ангулар саботажем обозвал? (:

Возвращаясь к теме 3D, вы знали, что Three.js поддерживает разные рендеры? Например ASII threejs.org/examples/canva…

@jsunderhood Есть ли вообще жизнь WebGL за пределами Three.js?

@ramainen @jsunderhood я кроме прыгающих зайчиков не видел примеров на pixi :)

Кстати автор pixi.js как то делился, что хотел скаламбурить и назвать либу two.js =) Но как уже все знают передумал.

@jsunderhood знаешь что-нибудь про webgl 2? Ожидается ли что-нибудь интересное?

.@Trufid да, там в основном количественные характеристики вырастут, а качественных прорывов не ожидается, однако круто что тех-я развивается

Под Sony Playstation направлением имел ввиду их UI на WebGL

Гайз, это нормально, если у фронт-ендера чешутся руки после просмотра creativeapplications.net ?

@jsunderhood я боюсь заходить туда, всегда все такое крутое

@jsunderhood в целом да, но аллергию и дерматит тоже исключать не стоит.

Хочу ZX Spectrum с JavaScript вместо бейсика и что бы код хранить на кассетах. pic.twitter.com/GbxWdOT6rD

@jsunderhood не смущают ли размеры threejs? Для больших проектов может оказаться критично

В React чатике проскочил Flux на воркерах,интересно. medium.com/@nsisodiya/flu… имхо воркеры вообще недооценены.Вот вы их юзали хоть раз и как?

.@frontend_union - первая на моей памяти русскоязычная фронт-енд конфа с вменяемым оформлением

@jsunderhood tex-файл парсим и делаем спеллчек в другом потоке. у Ace Editor, кстати, вся работа с анализом кода через воркеры устроена.

@jsunderhood У нас comet работает на воркерах.

.@atrolov А можешь подробнее? Ты имеешь ввиду сетевой транспорт?

pic.twitter.com/t81NPUWlS9

Пилим React GL к @jsconfeu. Зачем он может понадобиться не знаем, но будет круто =) С набором эффектов помогает @Doormat23, автор Pixi.js

.@vslinko По сути таргет для рендера на базе HTML-GL, включающий доп. плюшки в виде библиотеки эффектов/шейдеров

@Timrael @freiksenet @jsunderhood @andreypopp React(data) -> HTML/NATIVE/CANVAS/WEBGL etc

.@__fro Это да, но в нашем случае HTML/CSS останется просто потому что все знают как им пользоваться для оформления, но вывод будет в WebGL

Кстати кто-то серьезно относится к famo.us ?

.@__fro Суть же не в замене.Рендерим HTML/CSS в WebGL и получаем 100% ускорение+снимаются все ограничения на эффекты shadertoy.com)

Охохо, ну наконец то… В чем разница между call and apply? - “A for array and C for comma”. Теперь пройду любое интервью :-)))))

.@__fro А ты попробуй проанимировать 50 000 дивов одновременно… И как? А 50 000 спрайтов в WebGL, ок, 60 FPS.

Модификации DOM даже на GPU ускоренном слое сосут перфоманс=) Много про это на воркшопе challengingnative.com кста 31 октября будет в Киеве

Там же по “Attend Workshop” можно подписаться на рассылку, и если воркшоп будет проходить рядом с вами - тот час пронотифицируем

Над Амстердамом рассеивается радужный дым гей парада и запах жженого вазелина уловим все слабее.

Этим теплым августовским вечером я прощаюсь с вами. Жаль что так мало были вместе и много не успели друг другу сказать :-p Cheers!