Публикации по теме 'front-end-development'


Основы React, часть 1: счетчик
Введение: Добро пожаловать в первую статью из этой серии о создании приложений с помощью React. Цель состоит в том, чтобы провести вас через процесс создания небольших приложений, уделяя особое внимание основным концепциям разработки React. Независимо от того, являетесь ли вы опытным разработчиком, стремящимся укрепить свои навыки, или новичком, стремящимся учиться, эта серия предоставит вам прочную основу для создания приложений. Предпосылки: Вы должны иметь базовые знания HTML, CSS,..

Как просмотреть исходный код расширения Chrome 🧩
Знаете ли вы, что вы можете просматривать исходный код расширений, которые вы установили в Chrome? И я нет! 😅 Сегодня я узнал, что могу легко просмотреть исходный код расширений, которые я установил в Chrome! 😮 Доступен не весь исходный код подключаемого модуля, но к их скриптам контента можно получить доступ, перейдя в DevTools ( F12 ) → Источники → Скрипты контента . В три простых шага вы можете увидеть файлы, которые в настоящее время внедряются на страницу...

Оптимизация Jest для повышения производительности CI с помощью GitHub Actions
1) Задержка обратной связи прерывает выполнение других задач Наши конвейеры непрерывной интеграции обеспечивают важную обратную связь по нашему коду — выполнение статического анализа, автоматизация тестирования и покрытие. В идеале мы получаем эту обратную связь до того, как слишком углубимся в другую задачу. Обратная связь, которая приходит после того, как мы уже переключились на другую задачу, означает выбор между смещением контекста из этой задачи или задержкой исправления выделенных..

Как избежать ада useState с помощью пользовательского хука useEzState в React
Компоненты React часто требуют управления своим собственным локальным состоянием. Хук useState предоставляет простое решение, позволяющее вам управлять одной переменной состояния и связанной с ней функцией установки. Функция setter обновляет состояние и запускает повторную визуализацию компонента, гарантируя, что компонент работает с самым последним значением состояния. Однако, когда задействовано несколько переменных состояния, управление состоянием может быстро стать громоздким и..

Возможности функций высшего порядка в JavaScript
С примерами и вариантами использования Функции JavaScript используются практически во всех существующих приложениях JavaScript. Благодаря функциям язык способен на многие важные вещи, такие как создание функциональных возможностей искусственного интеллекта в здравоохранении. Мощная функция, о которой я собираюсь рассказать в этой статье, - это функция высшего порядка . Это функция, которая либо принимает другую функцию в качестве аргумента, либо возвращает функцию в качестве..

использовать состояние () 🪝
Давайте сначала разберемся с состоянием в React. Состояние можно представить как данные или свойство, которые используются в приложении. Эти значения данных/свойств, вероятно, изменятся со временем, и хук State в React помогает нам отслеживать и управлять изменяющимися состояниями. Чтобы использовать хук State, нам нужно импортировать его, как показано ниже: import React, {useState} from 'react' Затем мы можем вызвать useState() внутри функции компонента и передать начальное..

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