Подробный роадмап по изучению Vue.js в 2018. Даны ссылки как на курсы для начинающих, так и на продвинутые → https://zendev.com/2018/10/18/how-to-learn-vue-js.html
Крутейшая статья от инженеров Mozilla о прошлом и будущем WebAssembly. Рассказываеться о том, какие возможности открывает WASM в веб-разработке, и на каком этапе разработка новых фич → https://goo.gl/xZjuSD
Когда React Context API заменит Redux, и почему? В статье рассказывается о преимуществах Context над Redux, и том в каких случаях он все-таки сможет сможет заменить Redux → https://goo.gl/N7J5Va
Вот и подошла к окончанию React Conf 2018. Не успели мы разобраться с lazy, memo и contextType, принесенными React 16.6.0 (https://goo.gl/MTN6R4), как разработчики представили новый proposal, который подразумевает отказ от сlass в React, и возможность вынесения логики из компонентов с помощью Hooks (https://goo.gl/2VPSsH). Радует то, что сохраняеться обратная совместимость и прислушиваются к мнению комьюнити (обсужнение можно почитать здесь - https://goo.gl/bzLW44). В общем, будем разбираться)
Заметка от инженера Neufund о том, почему они отказались от export default из es2015 → https://goo.gl/rD85v3
Web Performance 101
Расшифровка доклада Ивана Акулова об оптимизации быстродействия приложения: что и как оптимизировать, какие инструменты использовать для аудита, и какой профит получим в итоге → https://3perf.com/talks/web-perf-101/
Расшифровка доклада Ивана Акулова об оптимизации быстродействия приложения: что и как оптимизировать, какие инструменты использовать для аудита, и какой профит получим в итоге → https://3perf.com/talks/web-perf-101/
Рассылай и властвуй: история развития email-рассылок и обзор нынешнего положенего положения дел в их верстке → https://habr.com/company/2gis/blog/427653/
Интересное интервью с Эдди Османи о нынешнем состоянии экосистемы Javanoscript. Он рассказывает о приемах, помогающих улучшить скорость приложения, и применении performance budget → https://youtu.be/i5R7giitymk
YouTube
The State of JavaScript - The State of the Web
Rick speaks with Addy Osmani about the state of JavaScript. Addy is an Engineering Manager on the Google Chrome team, and he has been a web developer for 17 years. He has a deep understanding of JavaScript, as it is today and how it’s changed over the years…
Заметка о том, как узнать и использовать порядок ключей в js-объекте, если очень нужно (но все-таки лучше использовать ES2015 Map) → https://goo.gl/iYSRgR
Секрет хорошей документации. 4 вида документации и практические рекомендации по составлению и применению каждой → https://www.divio.com/blog/documentation/
Заслуживает ли ваш сайт признания? Чеклист требований доступности, без которых, по мнению Адриана Розелли, сайт нельзя считать сделанным качественно → https://doesmysitedeserverecognition.com/
Начали появляться идеи использования Hooks из React v16.7.0. https://usehooks.com/ от Гейба Рагланда (одна новая идея в день) и полный список со ссылками из документации → https://nikgraf.github.io/react-hooks/
Как CSS-grid может упростить медиазапросы для адаптивной раскладки → https://robots.thoughtbot.com/concise-media-queries-with-css-grid
Бэкенд для фронтенда Годная статья о том как проэктировать API с учетом нужд фронта от инженеров Яндекс. Если последовать их советам, думаю, можно избежать забега по граблям → https://goo.gl/PGAKuU
Новые возможности React 16.6 в React Podcast Евгения Ковальчука → https://youtu.be/vc1shGHGBj0
REST → Batch REST → GraphQL: рассказ инженеров Paypal об эволюции их подхода к общению с сервером на примере Paypal Checkout → https://medium.com/p/3482f724fb53
Статья о том, как избежать пиксельности изображенний и особенностях рендеринга иконок → https://habr.com/company/sibirix/blog/428489/
Кто такие дивелоперы, ручной SVG и волнительное подчёркивание в новом выпуске видеоблога Вадима Макеева → https://youtu.be/Me4j7QeKBCM
YouTube
Кто такие дивелоперы, ручной SVG и волнительное подчёркивание
00:00 Интро
00:35 Дивелоперы
01:37 Разметка
02:17 Browsersync
04:16 Выделение тона
04:57 Стили и подчёркивание
09:52 SVG руками
12:43 Проектирование
13:31 Фигура в SVG
15:53 Вставка фона
19:05 Почему режется
21:05 Компенсация кропа
21:43 Результат
Нравится?…
00:35 Дивелоперы
01:37 Разметка
02:17 Browsersync
04:16 Выделение тона
04:57 Стили и подчёркивание
09:52 SVG руками
12:43 Проектирование
13:31 Фигура в SVG
15:53 Вставка фона
19:05 Почему режется
21:05 Компенсация кропа
21:43 Результат
Нравится?…
Prettier, ESLint, Husky, Lint-Staged и EditorConfig: инструменты для написания аккуратного кода, или как поставить себе рамки для написания чистого кода в переводе на Хабре → https://habr.com/company/ruvds/blog/428173/
Изучаем CSS grid за 5 мин. Заметка о принципах построения сетки с помощью гридов в переводе на Medium → https://medium.com/webbdev/grid-47c3076539c3
Хорошая статья от Дена Абрамова о принципе работы React Hooks, и мотивации, которой руководствовались при их разработке → https://medium.com/@dan_abramov/fdbde8803889