Дайджест свежих материалов из мира фронтенда от JSExpert (24 октября — 5 ноября 2018)

Небольшая подборка с ссылками на интересные материалы из области фронтенда и около него за последних 2 недели (24 октября — 5 ноября 2018)

 

JavaScript

 

Контекст выполнения и стек вызовов в JavaScript
Если вы — JavaScript-разработчик или хотите им стать, это значит, что вам нужно разбираться во внутренних механизмах выполнения JS-кода. В частности, понимание того, что такое контекст выполнения и стек вызовов, совершенно необходимо для освоения других концепций JavaScript, таких, как поднятие переменных, области видимости, замыкания. Материал, с переводом которого вы можете ознакомиться, посвящён контексту выполнения и стеку вызовов в JavaScript.

 

Красивый и чистый: инструменты, которые помогают добиться почти идеального кода
Вы хотите писать хороший код, но не знаете, с чего начать, пробуете читать то и это, реализуете на практике прочитанное. Но все равно, вопросов остается больше, чем ответов. Нужно ли убирать «мертвый» код? Что делать, если обнаружена неиспользуемая переменная в уже написанном проекте? Как найти проблемные паттерны и все исправить? Эти вопросы важны, и многие из нас пытаются на них ответить. Но лучше всего — все делать хорошо уже с нуля, так, чтобы потом не приходилось искать проблемные места и латать дыры, теряя время. Для создания хорошего кода есть несколько инструментов, которые можно назвать незаменимыми.

 

Prettier, ESLint, Husky, Lint-Staged и EditorConfig: инструменты для написания аккуратного кода
Вы стремитесь к тому, чтобы писать аккуратный код, но не знаете с чего начать… Вы вчитываетесь в руководства по стилю, стараетесь следовать практическим рекомендациям ведущих специалистов… Вам приходится удалять неиспользуемый код? Приходится искать ненужные переменные? Вы пытаетесь выявлять неудачные паттерны, применённые в ваших программах? Например — хотите понять, читая хитросплетения кода некоей функции, возвратит ли она что-нибудь или нет. Звучит знакомо? Проблема заключается в том, что программисту очень тяжело и многое успевать, и многому учиться.
Автор этого материала говорит, что он сталкивался со всем тем, чему посвящены только что заданные вопросы. То, с чем он столкнулся, утомляет и изматывает. Здесь он хочет рассказать об инструментах, правильное применение которых позволяет решить вышеописанные проблемы.

 

Flexbox: насколько велика эта гибкая коробка?
И снова затрагивая тему Flexbox. В этой статье автор затрагивает тему размеров.Автор рассматрвает часто запутанную проблему размеров во Flexbox, и как Flexbox решает, насколько большие должны быть элементы?

 

Webpack

 

4 совета для оптимизации webpack-приложения
Отличная подборка дельных советов по оптимизации webpack-приложения! В этой статье вы найдёте не только советы, но и пару примеров, чтоб лучше усвоить информацию.

 

 Angular

 

22 совета Angular-разработчику. Часть 2
Продолжение подборки с советами для Angular-разработчика. В этой части авторы затрагивают тему компонентов и методов, механизмы кэширования, шаблоны и многое другое.

 

Занимательное

 

Системный подход к скорости: онлайн-измерения на фронтенде
В этой статье речь пойдёт о команде скорости Яндекса и как они вручную оптимизируют поисковую выдачу. Чтоб не собирать все данные вручную, в компании построили инфраструктуру для сбора метрик, тестирования скорости и анализа полученных данных. Вы узнаете что полезного эта команда сделала и с какими подводными камнями столкнулась.