Публикации по теме 'reactjs'
Поверхностное сравнение в ReactJS: нюансы setState, которые упускают из виду большинство разработчиков
В этой статье вы получите представление о том, как работает компонент React, и о методе сравнения, который он использует, чтобы определить, когда следует повторно отображать пользовательский интерфейс.
Простой пример, который мы используем: нажатие кнопки приведет к повторному рендерингу компонента, и вы увидите журнал в консоли.
const [state, setState] = useState()
// to track how many time the component renders
console.log('render at ' + new Date().toLocaleTimeString())
return (..
Refs и forwardRefs в React
Ссылки — это мощная функция в React, которая позволяет вам получить доступ к базовому элементу DOM или экземпляру компонента React из родительского компонента. Это может быть полезно для различных задач, таких как:
Привязка событий к элементу DOM Доступ к состоянию или свойствам компонента Внедрение пользовательской логики в компонент
Ссылки можно создавать с помощью функции createRef() . Например:
const ref = React.createRef();
Получив ссылку, вы можете получить к ней..
Разработка приложения с нуля с помощью React
Разработка приложения с нуля с использованием React включает в себя несколько шагов. Вот обзор процесса:
Планирование. Прежде чем приступить к написанию кода, важно иметь четкое представление о том, что будет делать приложение и какие функции оно будет иметь. Это включает в себя создание каркаса или макета пользовательского интерфейса приложения и составление списка необходимых функций.
Настройка среды. Чтобы разработать приложение React, вам необходимо настроить среду разработки на..
Введение в React Hooks и то, как они решают проблему совместного использования логики с отслеживанием состояния
React Hooks — это относительно новая функция в мире React, но она уже оказала значительное влияние на разработку повторно используемых и масштабируемых компонентов. С помощью React Hooks разработчики теперь могут создавать функциональные компоненты, которые могут управлять логикой с отслеживанием состояния и обеспечивать ту же функциональность, что и компоненты класса. В этой статье мы исследуем мир React Hooks и посмотрим, как он решает проблему совместного использования логики с..
React — Компоненты высшего порядка (HOC)
React — Компоненты высшего порядка (HOC)
В постоянно развивающейся сфере веб-разработки овладение передовыми концепциями необходимо для создания надежных и гибких приложений. В этой статье мы углубимся в одну из этих основополагающих концепций React : компоненты высшего порядка, широко известные как HOC.
Независимо от того, являетесь ли вы опытным разработчиком, ищущим передовые методы, или любопытным новичком, стремящимся учиться, мы шаг за шагом рассмотрим создание и применение..
Функции Map и forEach возвращают значение в javascript и Reactjs
Функция forEach возвращает массив? ответ НЕТ
Я объясню вам, как разница в функции map и forEach в javascript на простом примере. В большинстве случаев эти две функции делают одно и то же на уровне кода. Но в обеих функциях мало различий.
Вы можете увидеть ниже код и вывод того, как эти функции возвращают значение,
map() функция возвращает массив forEach() функция возвращает неопределенное значение
найдите изображение кода ниже,
строка 1-14 имеет массив образцов, строка..
Вот что означает асинхронность для Javascript.
Используйте функции Power of Async, используя Async/Await в JavaScript, и выполняйте свою работу.
Многие языки поддерживают объектно-ориентированный подход. У каждого языка есть свои функции, а также есть много основных языков сценариев, таких как Python, PHP, C# и т. д.
Именно асинхронная природа JavaScript делает его особенным и трудным в обращении, поскольку он является эксклюзивным для JavaScript. Существует не так много языков, поддерживающих асинхронные задачи.
Я также..
Новые материалы
День 76/100 Книга
День 76/100 Книга
Обучение — это непрерывный процесс с ресурсами, широко используемыми людьми, которые признают сложный путь достижения успешной цели. Хотя поначалу это может показаться..
Gmail Smart Compose: умный способ написать электронное письмо
Gmail означает почту Google, это бесплатная служба электронной почты, предоставляемая Google по всему миру. Google официально запустил Gmail в 2004 году, и в настоящее время этой услугой..
API следующего поколения: gRPC n Javascript
gRPC - быстро развивающаяся технология, которая потенциально может заменить протокол HTTP. Это быстрее, чем традиционные HTTP-вызовы, потому что он отправляет данные в двоичном формате, а не в..
Ускоренный курс по жадным алгоритмам
Дай мне, дай мне, дай мне
Аудитория
Эта статья предназначена для инженеров, достаточно хорошо разбирающихся в программировании, структурах данных и алгоритмах. Он в основном основан на..
Изучайте Java (Урок 2: Комментарии)
Как и зачем использовать комментарии в java с примерами
Введение:
Комментарии — это строки текста в программе Java, которые игнорируются компилятором и используются для добавления..
Async Await в Swift: легкое управление параллелизмом
Введение в запуск асинхронного кода
Асинхронный код выполняет несколько операций одновременно. Параллелизм необходим при выполнении тяжелых вычислений или сетевых запросов. Однако это может..
Очистить файлы Program .cache в Ubuntu 20.10
Очистите кеш за несколько простых шагов!
GNU / Linux реализовал эффективное управление хранилищем для своих пользователей. Но заметили ли вы, что в вашей системе Linux заканчивается место,..