Новости
Больше полезных материалов вы найдете на нашем телеграм-канале «Библиотека фронтендера»
- Анонс 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), бэкенда и баз данных:
— JS Hero
- Как стать 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 разработчика?
Комментарии