Публикации по теме 'reactjs'
Как вы можете использовать хук useRef()
Хук useRef() — довольно распространенный хук в React, но многие используют его неправильно. В этой статье я расскажу как об особенностях хука useRef(), так и о том, как вы можете начать использовать его в своих приложениях!
Функция 1: не вызывает повторную визуализацию
Давайте создадим простое приложение React, которое подсчитывает, сколько раз наше приложение отрисовывается с помощью хука useState().
Проблема с этой веб-страницей заключается в том, что каждый раз, когда..
Как создать компонент пагинации в Reactjs
Чтобы создать компонент разбиения на страницы в React, вам нужно будет использовать хук React useState для отслеживания текущей страницы. Затем вы можете использовать комбинацию цикла for и функции .map() для создания необходимых ссылок на страницы. Вот пример того, как это можно реализовать:
import React, { useState } from 'react';
const Pagination = ({ numPages }) => {
const [currentPage, setCurrentPage] = useState(1);
const pageLinks = [];
for (let i = 1; i <=..
Как исправить предупреждение «useEffect не должно возвращать ничего, кроме функции» в React…
Если вы работали с React, то могли столкнуться с предупреждением «useEffect не должен возвращать ничего, кроме функции». Это предупреждение возникает, когда возвращаемое значение хука useEffect не является функцией. Хук useEffect — это мощный инструмент, который позволяет вам запускать побочные эффекты при рендеринге, обновлении или размонтировании компонента. Цель предупреждения — предотвратить случайные утечки памяти и повысить производительность. В этой статье мы обсудим, как..
HeadlessUI — Вкладки. Часть 4. Вертикальные вкладки и вкладка по умолчанию
В этой статье мы поговорим о том, как сделать вертикальные вкладки и вкладки по умолчанию.
Вертикальные вкладки
Хуки в ReasonML: введение
Хуки в ReasonML: введение
Узнайте, как использовать хуки в своих приложениях ReasonReact!
В React 16.8 наконец-то была представлена концепция хуков в начале 2019 года, и ReasonReact быстро адаптировал ее для использования в приложениях ReasonML. Хуки - это захватывающая функция, которая позволяет нам писать компоненты с отслеживанием состояния и управлять жизненными циклами, не полагаясь на подробные классы.
Это здорово, но как это работает на практике? В этой статье..
Sass и приложение Create-react-app 2
Добавление Sass к вашему приложению create-react-app само по себе было суетой, я тоже написал об этом статью ( здесь ). Но с выходом create-react-app v2 нам больше не нужны эти обходные пути. Благодаря команде react, create-react-app v2 получил большую потребность в поддержке sass из коробки.
Предпосылка
Узел / npm должен быть установлен. node-sass должен быть установлен.
Давайте запачкаем руки и настроим шаблон
Убедитесь, что ваш пакет create-response-app установлен и..
React Router Дом
Краткое объяснение маршрутизации в реакции.
В React есть разные способы маршрутизации, наиболее популярным из которых является использование библиотеки react-router-dom. Сначала пройдемся по другим способам:
Reach Router — это небольшая библиотека маршрутизации, которая заимствована у маршрутизаторов React, Ember и Preact. Он хорошо работает со статическими веб-сайтами, одностраничными приложениями и средами рендеринга на стороне сервера. Next.js — Next.js — популярный фреймворк..