CSS в эпоху Реакта

Тереза Ма рассказала, как в Yelp с переходом на Реакт избавились от каскадности и глобальных стилей, сохранив консистентность → https://engineeringblog.yelp.com/2018/03/css-in-the-age-of-react.html

The Front-End Checklist

Объёмный чеклист и рекомендации для проверки всех аспектов фронтенда сайта, от разметки и доступности до производительности.

Теперь и в виде удобного сайта с возможностью печати → https://frontendchecklist.io/

Приведение типов в JS: магия или простые правила?

Александр Майоров коротко и понятно рассказал о трёх видах приведения типов (строковое, численное и логическое) и правилах их применения → https://medium.com/p/9d6f1845ea96

Эффективная работа с легаси-кодом

Саша Беспоясов опубликовал конспект в трёх частях по книге Майкла Физерса.

Часть 1: введение, причины изменения кода, швы и инструменты автоматизированного рефакторинга → https://bespoyasov.ru/blog/working-effectively-with-legacy-code/

Часть 2: изменение кода при нехватке времени, добавление фич, TDD и зависимости → https://bespoyasov.ru/blog/working-effectively-with-legacy-code-part2/

Часть 3: изменение непонятного кода, гигантские классы и методы → https://bespoyasov.ru/blog/working-effectively-with-legacy-code-part3/

Александр Сурма рассказал, как нативно привязывать одноразовые обработчики событий с помощью параметра once — https://youtu.be/pwLkdksiClE

Как тебе такое, Джон Резиг?

Figma’s Platform

У графического редактора Figma появился открытый API для разработки дизайн-инструментов. Его уже используют в крупных компаниях: например, в Uber с его помощью решают проблему распространения актуальных дизайн-макетов, а в GitHub интерфейсные иконки берутся напрямую из макета.

Официальный анонс с подробностями → https://blog.figma.com/ee681bf861e7

Сборка приложений на основе машинного обучения

Обычно большой JS-бандл делят на части по страницам или компонентам приложения. А можно ли делать это не по наитию разработчика, а основываясь на данных о часто посещаемых страницах и типичных переходах пользователей?

Минко Гечев провёл большое исследование и представил начальную реализацию инструментов, автоматически определяющих лучшую стратегию кодсплиттинга и предзагрузки файлов на основе истории посещений сайта → https://blog.mgechev.com/2018/03/18/machine-learning-data-driven-bundling-webpack-javascript-markov-chain-angular-react/

Результаты розыгрыша билета на конференцию DUMP, которая пройдёт 13 апреля в Екатеринбурге — https://youtu.be/ubS005X5dAE

Поздравляем Александра Ожигина!

А для всех читателей по промокоду FORWEBDUMPHOORAY скидка 5%. Программа и регистрация: https://goo.gl/2Sxhmp

Как работает JS: обзор принципов работы движков рендеринга веб-страниц и советы по оптимизации их производительности, перевод на Хабре → https://habr.ru/p/351802/

🎧
Свежие подкасты

«Фронтенд-юность»:
как уйти из IT → https://soundcloud.com/frontend_u/leave
№42, как завоевать сердце женщины с помощью HTML → https://soundcloud.com/frontend_u/e42

«Ночной фронтенд» №27: и снова о статической типизации → https://medium.com/p/318180d0d4c9

Frontend Weekend №45: Евгений Фомин про Vue.js и о том, почему разработчики уходят из backend’а во frontend → https://soundcloud.com/frontend-weekend/fw-45

«Веб-стандарты» №113: новинки браузеров и буфер обмена, дизайн для верстальщиков, рецепты Vue.js и JS-курсы, что такое AMP → https://medium.com/p/3e04ed680f8b

Интервью с Никитой Прокоповым, создателем Fira Code, DataScript и Rum: про опенсорс, джаваскрипт, UX и веб как плохую платформу для приложений → https://youtu.be/QB5kN6gqfDk

Преимущества монорепозиториев

В крупных компаниях часто практикуется объединение разных проектов из отдельных репозиториев в один монорепозиторий.

Дэн Лу, работавший в Google и Microsoft, рассказал о преимуществах этого подхода → https://danluu.com/monorepo/