Smart Dev — веб-розробка, дизайн, програмування

​Дизайн паттерны javascript. В сатье рассказывается о таких шаблонах, как: constructor, prototype, module, singleton, factory, observer. Очень полезна для начинающих, советую → https://blog.logrocket.com/214d888096a3

​4 способа использования .map() в js. Из необычного - автор показывает как разбивать строку на массив с возможностью форматирования перед этим, и как редактировать объекты массивов → https://scotch.io/tutorials/4-uses-of-javascripts-arraymap-you-should-know

​Хорошая статья от Дена Абрамова о принципе работы React Hooks, и мотивации, которой руководствовались при их разработке → https://medium.com/@dan_abramov/fdbde8803889

​Изучаем CSS grid за 5 мин. Заметка о принципах построения сетки с помощью гридов в переводе на Medium → https://medium.com/webbdev/grid-47c3076539c3

​Prettier, ESLint, Husky, Lint-Staged и EditorConfig: инструменты для написания аккуратного кода, или как поставить себе рамки для написания чистого кода в переводе на Хабре → https://habr.com/company/ruvds/blog/428173/

Кто такие дивелоперы, ручной SVG и волнительное подчёркивание в новом выпуске видеоблога Вадима Макеева → https://youtu.be/Me4j7QeKBCM

​Статья о том, как избежать пиксельности изображенний и особенностях рендеринга иконок → https://habr.com/company/sibirix/blog/428489/

​REST → Batch REST → GraphQL: рассказ инженеров Paypal об эволюции их подхода к общению с сервером на примере Paypal Checkout → https://medium.com/p/3482f724fb53

​Новые возможности React 16.6 в React Podcast Евгения Ковальчука → https://youtu.be/vc1shGHGBj0

​Бэкенд для фронтенда Годная статья о том как проэктировать API с учетом нужд фронта от инженеров Яндекс. Если последовать их советам, думаю, можно избежать забега по граблям → https://goo.gl/PGAKuU

​Как CSS-grid может упростить медиазапросы для адаптивной раскладки → https://robots.thoughtbot.com/concise-media-queries-with-css-grid

​Начали появляться идеи использования Hooks из React v16.7.0. https://usehooks.com/ от Гейба Рагланда (одна новая идея в день) и полный список со ссылками из документации → https://nikgraf.github.io/react-hooks/

​Заслуживает ли ваш сайт признания? Чеклист требований доступности, без которых, по мнению Адриана Розелли, сайт нельзя считать сделанным качественно → https://doesmysitedeserverecognition.com/

​Секрет хорошей документации. 4 вида документации и практические рекомендации по составлению и применению каждой → https://www.divio.com/blog/documentation/

​Заметка о том, как узнать и использовать порядок ключей в js-объекте, если очень нужно (но все-таки лучше использовать ES2015 Map) → https://goo.gl/iYSRgR

Интересное интервью с Эдди Османи о нынешнем состоянии экосистемы Javascript. Он рассказывает о приемах, помогающих улучшить скорость приложения, и применении performance budget → https://youtu.be/i5R7giitymk

Рассылай и властвуй: история развития email-рассылок и обзор нынешнего положенего положения дел в их верстке → https://habr.com/company/2gis/blog/427653/

​Web Performance 101

Расшифровка доклада Ивана Акулова об оптимизации быстродействия приложения: что и как оптимизировать, какие инструменты использовать для аудита, и какой профит получим в итоге → https://3perf.com/talks/web-perf-101/

​Заметка от инженера Neufund о том, почему они отказались от export default из es2015 → https://goo.gl/rD85v3

​Вот и подошла к окончанию 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). В общем, будем разбираться)