Пишу об IT и на Python. kungurov.net В этом выпуске: 15 распространенных ошибок новичков в JavaScript; библиотека для создания форм, основанная на схеме-дереве JSON; разбор приемов JavaScript-кода для управления текстурами в Three.js; распространенные сценарии утечки памяти в JavaScript и способы их исправления.
Новости
Больше полезных материалов вы найдете на нашем телеграм-канале «Библиотека фронтендера» Интересно, перейти к каналу
Анонс TanStack Table v8
Релиз NeutralinoJS 4.7
Релиз npm-check 6.0.1
Релиз Fastify 4.3
Релиз ESLint 8.20
Релиз Angular 14.1
Релиз Vue 2.7.8
Релиз Tweakpane 3.1
Релиз Fireworks.js 2.0
Релиз PrimeNG 14
Релиз Acorn 8.8
Релиз Discord.ts 10.0
Релиз Prisma 4.1
Релиз MelonJS 13.0
Релиз Secure Electron Template 20.0
Релиз zip.js 2.6.5
Релиз Octokit.js 2.0.4
Краткий обзор дизайна Storybook 7.0
Анонс Temporal JavaScript SDK 1.0
Релиз Impress.js 2.0
Релиз Lerna 5.3
Релиз Ghost 5.7
Релиз Mongoose 6.5
Релиз NodeBB 2.3.1
Релиз Jasmine 4.3
Релиз Node.js 18.7.0
Релиз simplex-noise.js 4.0
Релиз Article Parser 7.0
Релиз React Simple Maps 3.0
Релиз Emoji Mart 5.2
Релиз hls.js 1.2
Релиз MicroDiff 1.3.1
Релиз ESLint v8.21
React
Успеть за 45 минут: разбор задачи, с которой можно столкнуться на собеседовании. Необходимо за ограниченное время создать и оптимизировать слайдер с изображением и текстом на React.js.
Тщательно подобранная коллекция React-компонентов и библиотек.
Несколько важных аспектов React, о которых стоит знать.
Star Rating виджет на React.js: разбор одной из задач, с которой можно столкнуться на собеседовании.
Angular
Онлайн-книга по тестированию веб-приложений Angular с использованием библиотек Spectator и ng-mocks.
Angular V14 CRUD-операции.
Vue
Влад Худяков, фронтенд лид команды Pragmatica, в нестандартной манере рассказывает, почему именно Vue идеально решает задачи его команды.
Обзор основных компонентов Vue 3 и способов их использования.
Ролевая модель, ограничения доступов.
Next.js
Разбираемся с Jamstack, современной архитектурой веб-разработки, которая позволяет создавать веб-сайты на основе методологии микросервисов.
JavaScript, CSS и HTML
Разбираем распространенные сценарии утечки памяти в JavaScript и способы их исправления.
Полностью обновлённая статья про 10 самых распространенных проблем в JavaScript-коде, с которыми сталкиваются разработчики.
Примитивы синхронизации в JavaScript: cемафоры и хоккей. На примере хоккейного матча автор статьи разбирается с простейшими примитивами синхронизации: на этапе раскатки перед матчем с помощью бинарного семафора он разделяет игроков на две равных группы, а уже в процессе игры с помощью семафора со счетчиком избавляется от штрафов за нарушение численного состава.
Совет по реализации отрицательной задержки анимации в CSS, или Как сделать анимацию в шахматном порядке более естественной.
Мини-подборка онлайн-ресурсов для освоения и закрепления навыков фронтенда (с акцентом на JavaScript), бэкенда и баз данных:
— W3Resource
— JS Hero
— JS Challenger
Как стать JavaScript-разработчиком? Разобраться поможет дорожная карта
Метод массива reduce в JavaScript: назначение, синтаксис, применение и дополнительные практические примеры.
Технические детали и пошаговая реализация эффекта поднимающихся пузырьков на CSS.
James Q Quick разбирает 15 распространенных ошибок новичков в JavaScript.
Библиотеки
🔧 Fomir — библиотека для создания форм, основанная на схеме-дереве JSON. Если вы перепробовали множество библиотек для создания форм, таких как redux-form, formik, final-form, react-hook-form, и ни одна из них не подошла, то Fomir уже спешит на помощь. Под капотом:
— Использование схемы.
— Простой механизм обновления состояния формы.
— Высокая производительность и многое другое.
Разное
Разбор приемов JavaScript-кода для управления текстурами в Three.js.
Честное и детальное сравнение RedwoodJS и BlitzJS.
🔧 Payload — headless CMS, в основе которой лежат Node, Express, MongoDB, React и TypeScript. Если вам интересен данный стек, тогда точно должна понравиться и концепция данной CMS. Смотрите сами.
DevTools Tips — серия видеоуроков с краткими советами по эффективному использованию панели разработчика в Chrome.
Фронтендеру на заметку: полное руководство по работе с терминалом на macOS.
Выступление Александра Беспоясова на Podlodka Frontend Crew с рассказом о том, что такое чистая архитектура, чем она полезна, и как пользоваться её преимуществами во фронтенде с примерами системного лайв-дизайна и лайв-кодинга.
Введение в SvelteKit за 80 минут
На заметку начинающему фронтендеру: перевод статьи с подробным описанием закулисья работы веб-браузера.
Примеры синтаксиса веб-компонентов популярных и набирающих популярность JavaScript-фреймворков.
Введение в ethers.js, библиотеку для взаимодействия с блокчейном Ethereum.
Фронтендеру на заметку: полезные советы по тестированию.
Архитектура Model View Presenter во фронтенде: теория и практика.
Angular, React или Vue.js? Что выбрать начинающему фронтенд-разработчику?
ТОП 10 книг по веб-разработке (фронтенд) для начинающих: HTML, CSS, JavaScript, React, Vue
Интервью
Как без опыта залететь на Middle Front-end разработчика?
Предыдущие выпуски
📰 Weekly #9: новости, подкасты, отборные статьи и обучающие материалы по фронтенду
📰 Weekly #7: новости, подкасты, отборные статьи и обучающие материалы по фронтенду
📰 Weekly #5: новости, подкасты, отборные статьи и обучающие материалы по фронтенду
