pixelscommander

27 июля 2015, Amseterdam, Netherlands

# Понедельник 7 твитов

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

8:30

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

9:05
@jsunderhood а есть ли кто-то в сообществе, кто увлекается ML и AI?
12:13
@jsunderhood нам передали проект. 80+ файлов, и как я сегодня выяснил - 57 циклических зависимостей. Какой тут к черту перфоманс(
13:15

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

13:38

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

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

# Вторник 13 твитов

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

8:47

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

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

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

10:28

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

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

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

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

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

15:12

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

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

# Среда 32 твита

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

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

8:44
@jsunderhood устроиться в google и firefox, реализовать его, а затем написать спеку для w3c и поставить её в RC, тк поддерживают 2 браузера
8:48
@iamstarkov @jsunderhood найти единомышленников в командах Mozilla и Google, которые реализуют api в браузерах, ну или в w3c продвинуть идею
9:12
@jsunderhood @a_lithium @listochkin Если боятся, то зря. От стандартизации веба выиграли все.
9:25
@jsunderhood @a_lithium @listochkin Плюс вряд ли они потеряют пользователей: сколько уйдет благодаря одинаковому АПИ, столько и придёт.
9:25
@PixelsCommander @jsunderhood ты ведь расскажешь про webgl?
9:28
@jsunderhood @PixelsCommander если это может дать 60fsp experience, то это интересно всем
9:35
@jsunderhood @iamstarkov @PixelsCommander да ладно, в b-reel делают крутые штуки b-reel.com/projects/digit…
9:39

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

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

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

9:49

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

9:50

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

9:52

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

9:53

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

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

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

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

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

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

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

13:42
@delaz @LeusMaximus @cssunderhood @jsunderhood создать свой список на GitHub хорошая идея!
14:06
@jsunderhood вопрос к сообществу, кто нибудь использует генераторы кроме как для замены промисам? Типо как длч чисел фибоначи но юзфул
14:33
Что думаете о смешивании нескольких фреймворков или либ в одном приложении? Реакт+бэкбон, ангуляр+джейквери, etc. @jsunderhood
14:33

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

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

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

14:44

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

17:14

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

17:36

# Четверг 24 твита

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

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

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

10:05

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

10:24
@jsunderhood самые эффективные оптимизации можно сделать когда есть знания уровня приложения. "Нативный vdom" не поможет, а скорее ухудшит
11:30
@jsunderhood в idom деревяшка забита в код с единственным видом обхода (DFS), есть свои плюсы и минусы по сравнению с другими решениями.
11:30
@andreypopp @jsunderhood ну почему же, можно переписать react на asmjs ). А потом все равно придёт WebAssembly
11:30

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

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

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

11:59
@deepwalker @jsunderhood Я слышал в гугле лучший способ получить повышение - написать новый js фреймворк. Ангулар я вообще считаю саботажем.
12:34
@freiksenet @jsunderhood @deepwalker за что ангулар саботажем обозвал? (:
13:02

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

13:11
@jsunderhood Есть ли вообще жизнь WebGL за пределами Three.js?
13:18
@ramainen @jsunderhood я кроме прыгающих зайчиков не видел примеров на pixi :)
13:30

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

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

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

13:35

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

13:39

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

14:48
@jsunderhood я боюсь заходить туда, всегда все такое крутое
14:50
@jsunderhood в целом да, но аллергию и дерматит тоже исключать не стоит.
14:52

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

19:50

# Пятница 17 твитов

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

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

8:05

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

8:33
@jsunderhood tex-файл парсим и делаем спеллчек в другом потоке. у Ace Editor, кстати, вся работа с анализом кода через воркеры устроена.
11:37
@jsunderhood У нас comet работает на воркерах.
11:37

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

11:38

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

13:00

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

13:15
@Timrael @freiksenet @jsunderhood @andreypopp React(data) -> HTML/NATIVE/CANVAS/WEBGL etc
14:06

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

14:10

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

14:11

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

14:18

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

14:19

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

14:23

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

14:25

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

14:27

# Воскресенье 2 твита

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

19:47

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

19:48

other