React vs Vue vs Angular

В прошлой части мы рассмотрели методологии оптимизации и реюзабельности логики, а также подход к роутингу каждого фреймворка. Однако давайте теперь переключим наше внимание на другой важный аспект – управление глобальным состоянием. В этом разделе на примере Angular, React и Vue мы рассмотрим уникальные стратегии, используемые этими фреймворками для работы с глобальными состояниями. По мере изучения этих подходов мы узнаем, как разработчики эффективно решают сложную задачу поддержания синхронизации данных в приложениях.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Асинхронная загрузка внешних скриптов

Этот код демонстрирует асинхронную загрузку внешних скриптов на веб-странице.

#полезное

Как выстроить удобные процессы в работе с монорепой

Как настроить общее рабочее пространство для команды без запуска сборки в watch-режиме и ожидания старта dev-сервера, чтобы подхватить изменения? Для этого нужно удобным для всех образом настроить переиспользование кода внутри монорепы.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Манипуляция строками

JavaScript предоставляет методы для работы с текстовыми данными, такие как объединение строк и разделение текста на части.

#полезное

Использование Content-Security-Policy вместе с React & Emotion

Content-Security-Policy (CSP) - это HTTP заголовок, который улучшает безопасность веб-приложений за счет запрета небезопасных действий, таких как загрузка и отправка данных на произвольные домены, использование eval, inline-скриптов и т.д. В этой статье будет сделан фокус на директиве style-src и ее использование вместе с CSS-in-JS библиотекой emotion.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Модульная организация кода

Модульная организация помогает структурировать и повторно использовать код.

#полезное

Какие неочевидные темы вспомнить перед собеседованием на Frontend разработчика

Именно поэтому я решил создать небольшой чеклист, в котором собрал темы, по которым задавали вопросы либо мне, либо моим друзьям задавали на собеседованиях на Frontend разработчика. Эти темы почти не попадаются в стандартных списках по подготовке к собеседованиям, поэтому я решил сделать свой.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Использование сторонних библиотек

Использование сторонних библиотек позволяет расширить функциональность вашего кода.

#полезное

Что такое деление по модулю в JavaScript?

Я Frontend-разработчик, и когда-то мы с другом писали переводы на Хабрахабр. Было интересно, но в какой-то момент я прекратил эту деятельность. Спустя 5 лет я решил снова попробовать писать про мою любимую профессию. Сегодня поговорим о математическом операторе в JavaScript, который представляет из себя символ процента.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Обработка ошибок и исключений

Обработка ошибок помогает избежать сбоев и улучшить надежность приложения.

#полезное

Почему я не буду использовать Next.js

Представьте, что вы планируете начать новый проект или использовать в существующем более современный подход. А, может, вас просто не устраивает используемый фреймворк, и вы подумываете об альтернативах. В любом случае вам нужно что-то выбрать.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Аутентификация с использованием JSON Web Tokens

JWT - это стандарт для безопасной передачи информации между двумя сторонами и используется, например, для аутентификации пользователя.

#полезное

Redux-toolkit и переиспользование кода

В данной статье приведены несколько вариантов переиспользование кода в Redux-toolkit при создании слайсов, позволяющие сделать работу с ним более гибкой и удобной.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Работа с событиями клавиатуры

JavaScript позволяет отслеживать события клавиш и реагировать на них.

#полезное

Разработка браузерных игр с использованием Phaser3, React, Typescript

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

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Интерактивные графики и визуализации с использованием библиотеки D3.js

Библиотека D3.js широко используется для создания интерактивных графиков и визуализаций на веб-страницах.

#полезное

Два frontend фреймворка. Два подхода

В статье сравниваются два подхода к созданию веб интерфейса пользователя.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Работа с асинхронностью при помощи async/await

async/await - это способ более чисто работать с асинхронными операциями, делая код более понятным и удобным в использовании.

#полезное

Уроки рисования красных квадратов

На этот раз покажу как парсил dom элементы и создавал для них визуальную подсветку. Разберу зачем это нужно и как сделано. Спойлер, очень просто.
Значительную часть статьи рассказываю на чём я споткнулся, пока это писал. Про высчитывание позиции блока.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Работа с массивами при помощи методов map, filter и reduce

Методы массивов map, filter и reduce предоставляют удобные средства для обработки данных в массивах.

#полезное

Интерактивный парсер web страниц

Для начала вкратце введу в курс дела. 3 года назад ко мне в голову закралась навязчивая мысль написать интерактивный словарь-помощник для чтения на английском языке. И с тех пор начались мои приключения в мире расширений для браузеров на ядре Chrome'а.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью