Наши любимые истории JavaScript за последний месяц
Всем привет,
Добро пожаловать в 33-й выпуск Coffee Bytes, информационного бюллетеня Better Programming.
В этом выпуске мы сосредоточимся на двадцати одной выдающейся публикации, посвященной различным темам JavaScript. Без дальнейших церемоний, давайте начнем.
10 приемов кода JavaScript для управления текстурами в Three.js
Дженнифер Фу продолжает изучение библиотеки Three.js. На этот раз она глубоко погружается в различные способы манипулирования текстурами окружающей среды посредством отражения или преломления. Обязательно ознакомьтесь с ее сопутствующей частью, чтобы узнать, как применять текстуры снаружи и внутри 3D-объектов с примерами.
Как создать загрузочный экран для загрузки на стороне клиента в NextJs
Некоторые действительно интуитивно понятные CSS-анимации от Deepak Kumar, которые вы можете сразу же интегрировать в свои внешние приложения.
Как справляться с большими задачами в React-приложении с помощью Web Workers
Веб-воркеры являются важным компонентом при работе с ресурсоемкими задачами в фоновом режиме. Руараи Кирк показывает, как интегрировать Web Workers в кодовые базы React.
Сетевой работник бедняка
Внедряя систему обнаружения столкновений для распознавания и исправления перекрывающихся меток на карте, что требовало сложных вычислений, Джо Хонтон нашел более эффективную альтернативу Web Workers — requestIdleCallback, которую он называет веб-воркером для бедных.
Как использовать федерацию модулей Webpack в React
Оскари Раутиайнен рассказывает нам о сквозном руководстве по созданию микроинтерфейса шаблона Host-Remote в React.
Пуленепробиваемая API-интеграция для Angular-приложений
Хотите написать надежную кодовую базу для своего пользовательского интерфейса, которая не потребует серьезных изменений при интеграции API? Павел Беликов представляет удобный пример использования шаблона адаптера.
Автоматическая генерация журнала изменений с помощью GitLab
Вспомогательный скрипт от Адриена Микеля, который стоит добавить в закладки, чтобы автоматизировать повторяющиеся действия.
Создайте систему поиска текстов песен с помощью RediSearch
Хотите создать поисковую систему для метал-песен, похожую на Shazam? Проект с открытым исходным кодом Риккардо Канеллы предоставит вам это.
Создание слайдер-капчи для предотвращения отправки ботами запросов на контакт
Кристиан Белер устал очищать свой почтовый ящик от спама с запросами на контакт. Поэтому он создал слайдер-капчу, используя JavaScript, и использовал сеансы PHP, чтобы спамеры не угадывали запрос POST.
Создание диалогового менеджера с конечными автоматами и XState в JavaScript
Майя Шавин показывает нам, как создавать динамические, многоразовые и универсальные диалоговые компоненты с помощью библиотеки XState.
10 проблем с обещаниями JavaScript перед началом собеседования
Наглядное руководство от bytefish, которое обещает проверить ваши Promise основы.
Как (и когда) оптимизировать производительность в вашем React-приложении
Дана Яноскова демонстрирует несколько сценариев использования для правильного использования React.memo, React.useMemo, React.useCallback, React.createContext, React.useContext в ваших приложениях.
Что нового в JavaScript после выхода ES2022
Оператор ожидания верхнего уровня, закрытые поля и объявления методов, а также множество других полезных вещей, о которых Шон Амарасингхе рассказывает нам в своей последней статье.
Создать всплывающее окно в Svelte
В своем последнем проекте с открытым исходным кодом Дэвид Дал Буско показывает, как создать всплывающий компонент в Svelte без каких-либо сторонних библиотек или зависимостей.
Создайте по-настоящему захватывающий опыт метавселенной с помощью пространственных звуковых эффектов
Чтобы добавить эффект присутствия, Дэвид Рело и команда ZEGOCLOUD создали модуль Proximity Voice. Чтобы вдохновить вас на добавление пространственных звуковых эффектов в ваши веб-приложения, в этом подробном руководстве показано, как использовать API веб-аудио, предоставляемый веб-браузерами.
Как сделать игровой свиток на JavaScript
Продолжая свой путь с roguelike, Невин Кац добавляет поддержку прокрутки в свою игру с машинно-генерируемыми уровнями.
Создайте веб-скрейпер Metacritic с помощью NodeJS и Puppeteer
В руководстве Мишель Вигинтон показано, как собирать информацию с популярного веб-сайта обзоров и отображать ее в виде отчета в формате CSV.
Туда и обратно: от объектно-ориентированного рефакторинга к функциональному программированию
Дебютный пост Сэма Холла на Medium может показаться очередным руководством по рефакторингу кодовой базы SOLID для более функционального стиля программирования на TypeScript. Но он поднимает ситуацию на новый уровень, оценивая рефакторинг с точки зрения тестируемости.
Создайте классическую игру Space Invaders с помощью JavaScript и HTML
Николай Б. Андерсен продолжает свою серию воссозданий классических 2D-игр. Его последняя игра — это игра, в которую мы все любим играть.
Разработайте простую игру о рок-группе с помощью HTML и JavaScript
В этом месяце мы получили несколько серьезных заявок на разработку игр, а также последние работы Альваро Монторо с барабанной установкой Rock Band, подключенной к вашему компьютеру!
Angular v14 теперь доступен!
Наконец, команда Angular анонсировала следующую версию своего фреймворка. Эмма Тверски знакомит нас с каждой новой интересной функцией.
Это все на данный момент. До следующего кофе,
Анупам и команда Better Programming.
