Miroslav Kungurov

Пишу об IT и на Python. kungurov.net В этом выпуске: создание, тестирование и деплой приложения книжного магазина с использованием React 18; вопросы на собеседовании фронтенд-разработчика; простые советы по адаптации сайтов для незрячих и слабовидящих людей; полный гайд по использованию CSS-фильтров с SVG.

Больше полезных материалов вы найдете на нашем телеграм-канале «Библиотека фронтендера» Интересно, перейти к каналу

Новости

• Релиз Node 18.5.0 & Node 14.20.0 (LTS), 16.16.0 (LTS)
• Анонс React Native 0.69
• Релиз fuite 1.6
• Релиз oclif 3.1
• Релиз Notion JavaScript Client 2.0
• Релиз Tabulator 5.3
• Релиз Preact 10.9
• Релиз Perspective 1.5.1
• Релиз react-archer 4.0.1
• Релиз react-big-calendar 1.2.1
• Релиз Firefox 102, Safari 16 Beta и Chrome 104 Beta
• Анонс Vite 3.0
• Анонс Node-RED 3.0
• Анонс NestJS 9
• Анонс Ember 4.5
• Анонс Safari Technology Preview 148
• Анонс VS Code 1.69
• Релиз Preact 10.10
• Релиз pkg 5.8
• Релиз React Big Calendar 1.4.2
• Релиз AdminJS 6.0
• Релиз Luxon 3.0.1
• Релиз Commander.js 9.4
• Релиз eruda 2.5
• Релиз Tedious 15.0
• Релиз mux.js 6.2

React

• Создание, тестирование и деплой приложения книжного магазина с использованием React 18, Vite, Netlify и Nightwatch.
• Пишем простое todo-приложение на React с нуля.
• Вот это жизненное начало: « … но в реальном мире все не так радужно. Нам часто приходится иметь дело с кодовыми базами, которые развивались в течение многих лет, и компонентами, которые несут на себе следы разных разработчиков … ». В общем, автор делится опытом рефакторинга больших React-компонентов. В его проекте он имел 2700 строк кода.
• Успеть за 45 минут: разбор задачи, с которой можно столкнуться на собеседовании

JavaScript, CSS и HTML

• Разбор наиболее популярных недостатков JavaScript-кода, которые делают его недостаточно простым, лаконичным и понятным.
• Как типизировать CSS-переменные, делать плавные переходы между значениями переменных и анимировать градиенты: практические советы от Софии Валитовой.
• Bun — новая среда выполнения JavaScript с собственным сборщиком, транспайлером, средством запуска задач и встроенным клиентом npm.
• Как правильно рассчитать длину текста в Java Script? Алексей Ивасюта, фронтенд разработчик в Авито, разложил все по полкам относительно устройства Unicode и особенностей его работы в Java Script.
• WebGL — это большое дело, но знаете ли вы, что голографические эффекты, похожие на шейдеры, также можно создавать с использованием CSS? И да, интерактивные демонстрации в конце статьи просто прекрасны.
• Полный гайд по использованию CSS-фильтров с SVG.
• Оператор delete в JavaScript: назначение, подводные камни и рекомендации по использованию.
• Парсинг дат в JS — добавляем русский язык в библиотеку Chrono.
• Практика CSS и вёрстки от Елены Литвиновой.

• Запись вебинара на тему «10 кейсов масштабируемой вёрстки». Спикеры рассказывают, почему не всегда стоит верстать строго по макету, какие проблемы могут возникнуть при такой вёрстке и как их решать.

• Airbnb JavaScript Style Guide.

☕️ Шпаргалка по регулярным выражениям в JavaScript

NodeJS

• Подробный разбор всего, что связано с работой с файловой системой в Node.js: от простых операций чтения и записи до потоков, буферов и манипуляций с каталогами.

Разное

🎙️📹 Как стать IT-блогером: подробный гайд для начинающих

• Серия видеоуроков от YouTube-канала «АйТи Синяк» на тему архитектуры во фронтенде.

• Разбираемся с обновлениями, которые были добавлены в новую версию ECMAScript.

• Техническое собеседование на позицию фронтенд-разработчика. Запись вебинара, в рамках которого освящались следующие вопросы:

— Чего ждать и к чему готовиться?

— Почему на собеседовании дают те или иные задачи?

— Как вести себя на лайвкодинге?

• Страницы состояния функций трех основных браузеров:

— Chrome Platform Status

— Mozilla Specification Positions + репозиторий

— WebKit Feature Status + репозиторий

• Чек-лист для фронтенд-разработчиков, которые заботятся о производительности. Каждый раздел включает множество ссылок и описаний для дальнейшего исследования.
• Простые советы по адаптации сайтов для незрячих и слабовидящих людей.
• Превосходная серия статей о доступности и не только, которая точно заслуживает вашего внимания:

— Under-Engineered Custom Radio Buttons and Checkboxen

— Under-Engineered Toggles

— Under-Engineered Toggles Too

— Under-Engineered Text Boxen

— Under-Engineered Responsive Tables

— Under-Engineered Select Menus

— Under-Engineered Dependency Questions

— Under-Engineered Multi-Selects

• #27 Front-end. Вопросы на собеседовании.

• Руководство по работе с терминалом для фронтенд-разработчика.
• Сложно написать идеальное руководство, которое охватит все аспекты добавления темного режима для вашего сайта. Но это определенно удачная попытка
• Если кто-то уже попробовал или заинтересован в использовании Bun, на GitHub появилась коллекция полезных ресурсов в одном месте.

Интервью

• Интервью с Яном Тишко. От охранника в Беларуси до Front-End Engineer в Калифорнии

***

Материалы по теме

• 📰 Weekly #7: новости, подкасты, отборные статьи и обучающие материалы по фронтенду
• 📰 Weekly #5: новости, подкасты, отборные статьи и обучающие материалы по фронтенду
• 📰 Weekly #3: новости, подкасты, отборные статьи и обучающие материалы по фронтенду