Публикации по теме 'react'
Как создать компонент пагинации в 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 <=..
Начало работы с Sass в React.js — часть 2
Ознакомиться с первой частью можно здесь .
Извлечение повторно используемого кода
Как и в большинстве языков программирования, вы можете извлекать фрагменты своего кода, чтобы сделать его пригодным для повторного использования. В Sass это довольно просто, скажем, мы собираемся центрировать любые дочерние элементы с помощью flex, мы можем написать:
@mixin center{
display: flex;
align-items: center;
justify-content: center;
}
Обратите внимание, что каждое ключевое слово в Sass..
Как войти в приложение React с помощью Facebook
Вы можете найти мой полный исходный код в моем репозитории github. https://github.com/premdas92/React-Facebook-Вход
Я просто предполагаю, что вы знаете, как настроить реагирующее приложение с помощью create-react-app. Итак, я буду двигаться вперед.
Прежде всего нам нужно установить пакет npm. Откройте командную строку и выполните следующую команду:
npm install — сохранить реакцию-фейсбук
Этот пакет содержит множество компонентов. Мы можем этим воспользоваться...
Пользовательский хук для получения размеров мультимедиа с помощью JavaScript (ReactJs, NextJs)
Хуки React — очень полезные инструменты, которые могут повысить вашу производительность, сделать ваш код чистым и сэкономить ваше время. Однако нет хука, доступного для каждого случая вашего проекта, поэтому на помощь пришли пользовательские хуки.
Сегодня мы напишем собственный хук, который возвращает true или false в зависимости от размера окна, которое нам нужно установить, чтобы активировать нужное нам действие.
1. Создайте папку Utils
В файле Utils вы можете разместить все..
Кредитные карты с Stripe и React Native
Stripe упрощает соблюдение PCI.
Если вы создаете новое новое классное приложение, вероятно, наступит время, когда вам понадобится собрать информацию о кредитных картах ваших пользователей. Это может стать проблемой для разработчиков, которые плохо знакомы с PCI Compliance .
К счастью, с мостом React Native для iOS Stripe SDK есть несколько прекрасных библиотек, которые позволяют нам быстро и легко собирать и токенизировать информацию о кредитных картах в красивой, предварительно..
Добавление переменных среды в Esbuild
Вы устали от жесткого кодирования значений конфигурации в сценарии Esbuild?
В этой статье я покажу вам, как вы можете легко добавить переменные среды в свой код, очевидно, вам нужно будет сначала настроить свой проект, если не следовать этой другой статье Секрет молниеносной веб-разработки , а затем вы должны проверить эту статью 👈
Секрет молниеносной веб-разработки Как один инструмент может сэкономить ваше время и повысить производительность medium.com..
Разработка компонентов React с использованием принципов SOLID (пример)
Принципы SOLID существовали всегда. С тех пор, как об этом появился «Дядя Боб», о нем говорили и использовали как одну из важных парадигм для рассмотрения программных решений и дизайна на многих языках. В этой статье давайте определим их и, самое главное, применим их при разработке компонентов React в реальном сценарии.
Проще говоря, нижеследующие принципы представляют собой ТВЕРДЫЕ Принципы, и на самом деле они соответствуют их названиям. Несмотря на то, что они достаточно..
