Публикации по теме 'reactjs'


Все о React-хуках
Если у вас возникли проблемы с хуками React или вы хотите научиться этому, то это только для вас, ребята 🙂 React Hooks — это новая функция React, представленная в версии 16.8. Они позволяют вам использовать состояние и другие функции React без написания компонента класса. Вот пример того, как использовать хук useState для добавления состояния к функциональному компоненту: import React, { useState } from 'react'; function Example() { // Declare a new state variable, which we'll..

Руководство по настраиваемой кнопке входа в Google
Недавно Google отказался от Входа в Интернет . Теперь нам нужно добавить логин с помощью Google Identity Series(GSI) . С этим изменением мы не можем создать полную пользовательскую кнопку, следуя документации, у нас есть только генератор кода для новой кнопки с некоторыми свойствами для ее настройки, такими как текст, выравнивание логотипа и ширина (максимальная ширина составляет 400 пикселей). После этого у вас есть два варианта: оставить кнопку Google отличной от кнопок других..

Хуки — фантастическое дополнение к компонуемости, и они, безусловно, избавляют от необходимости…
Хуки — фантастическое дополнение к компонуемости, и они, безусловно, очень хорошо устраняют необходимость в классах. Код намного лучше, определенно спасибо команде за это. Почему 'useState', а не 'withState', думаю, мелочь! Одна вещь вокруг useEffect, возвращающая функцию для удаления прослушивателя событий, кажется немного неясной, может быть, возврат объекта с опорой disposeEffect или unUseEffect? ``` return { disposeEffect:fn } ```

Следует ли вам использовать страницы Next.js или каталог приложений?
Pages Router был основным способом создания маршрутов в Next.js до того, как Next.js 13 представил App Router, который включает новые соглашения о файлах для простого создания страниц, общих макетов и шаблонов. Стоит ли переходить на App Router и использовать новейшие функции React? Каталог страниц Вы можете создавать страницы как компоненты React в каталоге страниц, и каждая страница связана с определенным маршрутом. Вы также можете создавать макеты для переноса страниц и иметь..

Рекомендации React, которым нужно следовать в 2019 году
Вы когда-нибудь слышали о React или ReactJS … Нет? Что ж, как разработчик интерфейса или фреймворка вы многое упускаете. React произвел революцию в способах создания пользовательских интерфейсов. Это один из тех популярных умных инструментов, которые превзошли jQuery, и вы можете сами увидеть его в Google, но мы здесь не для того, чтобы сравнивать инструменты; Так что вы можете избавить себя от проблем и просто сосредоточиться на React , который поможет вам создавать..

Как создать менеджер API на основе функций.
хук useAPImanager В основном мы используем диспетчер API на основе классов. В диспетчере API на основе классов мы не можем использовать реагирующие крючки, такие как состояние использования, эффект использования и т. д. В этой статье я покажу, как создать менеджер API на основе функций и использовать его в нашем проекте. Мы создаем кастомный хук менеджера API. Сначала создайте файл с именем useAPIManager.js (или любое другое имя, начинающееся с use…) Затем импортируйте реакцию..

Обратные вызовы в JavaScript
JavaScript - это однопоточный язык, что означает, что вы можете запускать только один процесс за раз. Но подождите, что, если какой-то процесс занимает слишком много времени для выполнения, например, кода, который делает запрос к серверу для получения таких данных. let xhr = new XMLHttpRequest(); xhr.open(“GET”, “URL”, true); xhr.send();. если JavaScript - однопоточный язык, он должен блокировать код и ждать ответа. Но это не тот случай, когда javascript не блокирует все..