Пишу об IT и на Python. kungurov.net В этом выпуске: как добавить 3D в приложение Vue с помощью ThreeJS; визуализация алгоритмов сортировки на JavaScript + React + Redux + Redux-saga; подборка любопытных советов и трюков для фронтенд-разработчиков, использующих Chrome Devtools.
Больше полезных материалов вы найдете на нашем телеграм-канале «Библиотека фронтендера»
Новости
Краткая история JavaScript с 1994 года по настоящее время
Анонс React Native 0.70
Анонс Fresh 1.1
Релиз Node.js 18.9
Релиз Next.js 12.3.1
Релиз Jasmine 4.4
Релиз Ember.js 4.7
Релиз sql.js 1.8
Релиз React Calendar 3.8
Релиз react-cytoscapejs 2.0
Релиз Discordeno 14.0
Релиз HotKeys 3.10
Safari Technology Preview 153
Очередной обзор обновлений в Firefox
Анонс Theatre.js 0.5
Анонс React Router 6.4
Основные возможности WebKit в Safari 16.0
Релиз Spacetime 7.2
Релиз Fastify 4.6
Релиз Preact 10.11
Релиз Cypress 10.8
Релиз React Grid Gallery 1.0
Релиз sablejs 1.1
Релиз Crunker 2.0
Релиз ka-table 7.6
Релиз d3-graphviz 4.4
Angular
Фронтенд-разработчик из компании SimbirSoft делится опытом построения архитектуры Angular-приложений. В статье описано, как разработать приложение таким образом, чтобы специалист любого уровня при наличии знаний Angular мог легко разобраться в коде и структуре приложения.
Vue
Как добавить 3D в приложение Vue с помощью ThreeJS
Next.js
Создайте Airbnb с помощью Solana и Next.js
React
useSyncExternalStore: недооцененный хук React? Данный хук используется для подписки на внешние источники данных. Но знаете ли вы, что его также можно использовать для предотвращения чрезмерного возврата хуков React, вызывающего ненужный повторный рендеринг?
☕ ТОП-5 вопросов и ответов по JavaScript на Stack Overflow за все время
Исходный код инструмента MemLab для поиска утечек памяти в JavaScript теперь открыт. Как говорится, Welcome.
Обзор наименее известных, но очень полезных API JavaScript.
Паттерны проектирования JavaScript. Коллекция задач по теме из курса FrontendMasters с решениями.
Webpack, TypeScript и CSS Modules в действии, или Как писать изолированные строго типизированные стили.
TypeScript
Type-Level TypeScript — курс по основам TypeScript, который поднимет ваш уровень со среднего до продвинутого уровня (когда будет полностью опубликован, хех). На текущий момент доступно две главы.
5 простых, но ценных рекомендаций, которые позволят не отстрелить себе ноги повысить качество разработки на TypeScript.
NodeJS
🛠 Лучшие практики обработки ошибок в Node.js
Разбираемся с особенностями использования модуля Worker threads в Node.js: какие проблемы внедрения многопоточности ждут при попытках сделать код более производительным и как их можно обойти.
Разное
Обзор нескольких полезных дополнений к работе с формами, которые вы могли пропустить.
💰⬆️ Как договориться с начальством о повышении зарплаты за 5 простых шагов
Команда Frontend-разработки Авито расскажет про стэк для идеального приложения, что стоит изучить в 2022 году, а также раскроет внутряки о работе в компании.
Глеб Михеев, CTO в Skillbox Holding и руководитель программного комитета FrontendConf, рассказывает про рендеринг и его производительность. Вы узнаете, как устроен конвейер поставки кадров на экран и что нужно знать каждому разработчику, чтобы его интерфейсы были отзывчивыми, не лагали, а анимации были плавными и выдавали 60fps даже при высокой вычислительной нагрузке на main thread.
Podlodka Podcast: архитектура фронтенда. Ведущие подкаста с Сергеем Совой детально разобрали различные аспекты архитектуры фронтенда: какие есть абстракции и подходы, как они между собой связаны и многое другое.
Подборка любопытных советов и трюков для фронтенд-разработчиков, использующих Chrome Devtools.
Обзорный список библиотек/фреймворков UI-компонентов для фронтенд-разработчика.
Интервью
Андрей Смирнов (Frontend Weekend) взял интервью у Александра Бальцевича (автор канала АйТи Синяк). Обсуждали много разного: жизнь в Нидерландах, создание канала АйТи Синяк и много другое.
***
Предыдущие выпуски
📰 Weekly #17: новости, подкасты, отборные статьи и обучающие материалы по фронтенду
📰 Weekly #13: новости, подкасты, отборные статьи и обучающие материалы по фронтенду
📰 Weekly #11: новости, подкасты, отборные статьи и обучающие материалы по фронтенду
