Доброе утро!
Фейсбук опубликовал доклады с f8-2017. Можно найти интересное. Вот, например, видео про развитие react и graphql
https://developers.facebook.com/videos/f8-2017/the-evolution-of-react-and-graphql-at-facebook-and-beyond/
А вот про использование реакта в виртуальной реальности (VR).
https://developers.facebook.com/videos/f8-2017/react-vr-build-amazing-vr-experiences-using-react/

А теперь вопрос: будет ли популярен веб в VR?

Доброе утро! Сегодня про апдейты.

v8 версии 5.9 https://v8project.blogspot.ru/2017/04/v8-release-59.html
Наконец-то в браузере по умолчанию включен новый интерпретатор Ignition, который компилирует JS в байткод и позволяет работать с ним. Есть очень познавательные пост+видео про этот подход (35 минут)
https://v8project.blogspot.ru/2016/08/firing-up-ignition-interpreter.html

Вышел TypeScript 2.3
https://blogs.msdn.microsoft.com/typescript/2017/04/27/announcing-typescript-2-3/
Типы в JS через коменты, апи плагинов для language server и другое.

Вслед за TS апнули Angular (4.1).
http://angularjs.blogspot.ru/2017/04/angular-410-now-available.html

Доброе утро!

Хорошее интро в vue.js для тех, кто с этой библиотекой не знаком
https://medium.freecodecamp.com/vue-js-introduction-for-people-who-know-just-enough-jquery-to-get-by-eab5aa193d77

Хорошая статья про проблемы валидации форм и показа ошибок средствами CSS
https://medium.com/samsung-internet-dev/native-form-validation-part-1-bf8e35099f1d
Не всё так гладко пока с этой фичей.

Используете ли вы нативную валидацию форм у себя в проектах?

Доброе утро!
Фейсбук релизнул очень интересный инструмент https://prepack.io
По сути это оптимизатор из JS в JS с частичным выполнением кода и выкидыванием мёртвого кода. На сайте можно поиграться в репле и посмотреть как оно работает. Результат впечатляющий.

Маленькая заметка про то как сделать разноцветный фон с чёткими границами в CSS
https://blog.prototypr.io/css-only-multi-color-backgrounds-4d96a5569a20

Если у вас макбук или айфон с поддержкой форстача, то можете поиграться с библиотекой для отслеживания силы нажатия https://pressurejs.com

Доброе утро!

Релиз Nest.js, фреймворка для ноды на typescript
https://kamilmysliwiec.com/nest-final-release-is-here-node-js-framework-built-top-of-typescript
Выглядит как подобные инструменты для java, много магии.

Что нового в Bootstrap 4
https://medium.com/@yuri.pramos/what-changed-in-bootstrap-4-0-ca3cbbf4f62f
sass, flexbox, шрифты и другое

https://github.com/zeit/pkg — позволяет запаковать приложение на ноде в бинарник

Хороших выходных и до встречи в среду в 9:00

Доброе утро!

Восьмую ноду задержали до 30го мая. Объяснение почему: https://goo.gl/YvDKev
Если кратко: то хотят выпустить её на новом V8.

Интересный концепт для десктопных приложений на js — использовать системный браузер.
Гитхаб https://github.com/pojala/electrino и статья с описанием https://medium.com/dailyjs

Как использовать headless chrome, статья в блоге гугла
https://developers.google.com/web/updates/2017/04/headless-chrome

Доброе утро! Сегодня подборка новостей.

В хром завезли модули https://medium.com/dev-channel/es6-modules-in-chrome-canary-m60-ba588dfb8ab7
Правда не ясно, какой от них профит, если файлы всё равно выгоднее соединять и сжимать (и нет, http/2 не спасёт).

"Откопали оперу" или "всё лучше со stories"  http://blogs.opera.com/desktop/2017/05/opera-is-reborn/
Большая часть фич явно бесполезна, но есть неплохие, например показывать небесопасные формы логина.

NativeScript 3.0 https://www.nativescript.org/blog/nativescript-3.0-available-today (только зачем он вам?)

Гугл готовит замену андроиду https://goo.gl/DODNS7 Возможно там сделают упор на PWA приложения

Инстаграм сделал полноценый мобильный сайт https://techcrunch.com/2017/05/08/instagram-mobile-web/
Похоже, что начался новый виток гонки mobile vs web, благодаря странам с плохим интернетом.
Как думаете, веб сможет отвоевать позиции у мобильных приложений?

Доброе утро!

Статья, описывающая поведение эвентов в ноде. https://goo.gl/04pyrl. Полезно знать, чтобы не наступать на грабли.

Если вам нужна типизация в существующем коде, а переписывать на typescript нет возможности, то flow отличный вариант. Вот видео https://goo.gl/RWBqI5 помогающее понять основы и начать использовать.

А вот занятие на выходные — курс по разработке прогресивных веб-приложений от гугла
https://developers.google.com/web/ilt/pwa/

До встречи в понедельник, в 9:00 по Москве

Доброе утро! На сегодня одна must read статья и пара ссылок.

JS становится нормальным языком, в частности появляется tail call optimization (TCO)
Что это, как готовить, и почему важно в отличной статье "All About Recursion, PTC, TCO and STC in JavaScript" lucasfcosta.com/2017/05/08/All-About-Recursion-PTC-TCO-and-STC-in-JavaScript.html

Подборка крутых анимаций на codepen
Клёвый трюк с rest/spread
Заметка букинга про шрифты

Доброе утро!
Хорошая статья (30 мин. чтения) про трансдьюсеры в JS What's a Transducer?. Будет отличным использованием TCO (см. вчерашний пост).

Трюк с использованием переменных в именах классов в SASS
CLI утилита для быстрого создания приложения на next.js

Airbnb рассказали как рефакторили свой фронтенд
Ленивая загрузка модулей, асинхронные компоненты. Redux для стейта, но для форм используют локальный. Много практических советов.

В Facebook Flow добавили поддержку проверки количества аргументов.

reactioncommerce.com – платформа для магазина на метеоре и реакте. Кажется первая нормальная попытка сделать такое полностью на js. Если кто пользовался, напишите мне.

Доброе утро. На часах 9:00, а значит свежая подборка!

Заметка о лучших практиках при запросе разрешений на пуш-уведомления и её перевод. Советы будут полезны при работе с любыми разрешениями.

Polymer 2.0
По ссылке список изменений.
Кратко: es6 классы, custom elements v1, улучшение взаимодействия с другими библиотеками.

Sizzy позволяет быстро просмотреть ваш сайт в разных вьюпортах. Это не настоящие девайсы, а iframe нужного размера.
Просто подставте свой URL в параметр http://sizzy.co?url=https://preactjs.com

Доброе утро! На сегодня несколько любопытных ссылок.

Браузер Samsung Internet вышел из беты.
И хотя браузер базируется на блинке, в нём много своих фич, которые полезно изучить. Ведь он уже занимает ощутимую часть рынка, и доля будет только расти.

How to make error messages accessible.
Небольшая заметка о том, как сделать вывод ошибок доступным. Так же есть перевод

Github переписал десктопное приложение на Electron. Причины стандартные: одна кодовая база, удобные инструменты, быстрый билд. Проблемы тоже стандартные: windows и macOS имеют разные паттерны интерфейса.

cost-of-modules — yтилита, показывающая размер пакета из npm
quokkajs — быстрое прототипирование кода прямо в редакторе

Доброе утро!
В выходные прошла конференция Google IO. Предлагаю ознакомиться с наиболее интересными докладами про веб. Я посмотрел пару и планирую посмотреть все, чего и вам советую: доклады крайне информативны.

А вы знали о таких CSS свойствах как widows и orphans? Я только сейчас узнал из статьи CSS оптимизация веб-страницы для печати

Доброе утро! На сегодня подборка разных инструментов.

StreamSaver.js позволяет сохранять сгенерированый файл как стрим.

neutrino-preset-react-components пресет нейтрино для быстрой разработки отдельных реакт компонентов.

react-pdf позволяет рендерять реакт прямо в PDF. Пока в бете.

Create Reason React App playground для reasonml + react. Хороший способ попробовать новый язык для разработки.

startup небольшой IoC контейнер для legacy кода. Используется в продакшене.

light-form легкая библиотека для форм в реакте.

Доброе утро! Сегодня есть что почитать!

Мой пост Разработка сторонних библиотек про поддержку кода, подобного Google Analytics.

Заметка The Many Faces of Functions in JavaScript про разные способы создания функций.

Будете завтра на Moscowjs — пишите, пообщаемся.

Доброе утро!

Статья про использование :focus-within. Если вы не вкурсе, то этот CSS селектор позволяет стилизовать элементы, внутри которых есть инпут в фокусе.

Изменения в Chrome Dev Tools. Втроили Lighthouse на место панели аудита, добавили показ покрытия кода в реальном времени а так же другие мелочи.

Набор утилит для генерации. CSS, Open Graph, Microdata и прочее.

https://goo.gl/WiebFx — готовый набор для создания PWA.

Доброе утро!

Видео от создателя Preact о том, как это работает внутри и какие оптимизации используются.

styled-components v2. Вдвое меньший размер бандла (12kb), серверный рендер, наследование и дургие фичи и фиксы.

Малопрактичная, но интересная статья о происхождении тега IMG и перевод.

Релиз Nodejs 8 RC. Пока подробностей нет, кроме лога изменений, который читать невозможно (:

Доброе утро

Текущее состояние модулей в js
https://medium.com/webpack/the-state-of-javascript-modules-4636d1774358

Статья о выборе clojurescript вместо js
https://m.oursky.com/why-i-chose-clojure-over-javascript-24f045daab7e

Интересный эксперимент: строить виртуальный дом в WASM https://github.com/mbasso/asm-dom

Доброе утро! На сегодня три статьи.

Подбробный разбор способов навигации на мобилках от smashingmagazine.

Старая, но довольно смешная заметка "как унизить джаваскриптера".

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