Публикации по теме 'react'
Краткое руководство по маршрутизации на стороне клиента с помощью React Router
Что такое маршрутизация на стороне клиента?
Маршрутизация на стороне клиента позволяет приложению обновлять URL-адрес по щелчку ссылки, не отправляя еще один запрос на другой документ с сервера. Это обеспечивает более быстрое взаимодействие с пользователем, поскольку браузеру не нужно запрашивать совершенно новый документ или повторно оценивать активы CSS и JavaScript для следующей страницы.
Использование маршрутизатора React
React Router — это облегченная полнофункциональная..
Создал красивый персональный веб-сайт с помощью React, ChakraUi и framerMotion.
Страницы
Домашняя страница (введение, основные моменты, достижения, проекты) Достижения (показывать прогресс по годам) О себе (карьера, образование) С открытым исходным кодом (список репозиториев с открытым исходным кодом (дизайн карты)) Блог (список опубликованных статей)
Построен с
Язык программирования — Типскрипт Front-end библиотека — Reactjs Компоненты пользовательского интерфейса — Чакра UI Библиотека анимации — Frame Motion Заполнитель изображений —..
Новые хуки React 18 и варианты их использования
Выпуск React 18 принес несколько интересных функций и улучшений в популярную библиотеку JavaScript, что сделало разработку пользовательских интерфейсов еще более эффективной и приятной.
Среди этих улучшений — введение двух новых хуков: useDeferredValue и useTransition . В этой статье представлен всесторонний обзор этих новых хуков, их преимуществ и практических вариантов использования, которые помогут вам полностью использовать их потенциал в ваших приложениях React...
Является ли JavaScript лучшим языком для изучения в 2023 году ?
Это хороший вопрос для всех нас, чтобы мы знали о JavaScript и его возможностях, чтобы мы могли выбрать правильный путь.
Как мы все знаем, JavaScript — это язык сценариев, который используется в веб-разработке.
У него так много фреймворков, что с помощью таких фреймворков, как Angular JS, Veu JS, мы можем легко заниматься веб-разработкой с динамическими функциями. Существует также отличная библиотека React JS, которая очень популярна в настоящее время.
JavaScript — это язык,..
Модульное тестирование компонентов React с неглубокой визуализацией
Итак, вы создали замечательный компонент React, который отображает группу кнопок. Наконец, компонент Button, написанный вашим коллегой Бобом, действительно для чего-то полезен!
Но вам нужно будет написать несколько модульных тестов на тот случай, если Боб сломает ваш компонент в одном из своих пресловутых циклов рефакторинга.
Один из способов сделать это - визуализировать компонент и протестировать вывод, но это означает, что вы будете тестировать компонент Button Боба, а также свой..
Использование хэштегов с Formik
В этом блоге я хотел бы обсудить извлечение хэштега из формы, созданной с помощью Formik. Код, который я предоставлю позже в этой статье, будет включать довольно простую функцию хэштега. На входе самой формы к хэштегам не прикреплены элементы стиля. Основная предпосылка заключается в том, что пользователь создаст сообщение, используя хэштег или нет; однако, если они это сделают, форма распознает этот хэштег и сравнит его с существующими хэштегами в веб-приложении, а при совпадении..
Как быстро получить текущий маршрут в Next.js
Мы можем получить текущий маршрут в компоненте Next.js с помощью хука useRouter :
src/pages/index.tsx
import Head from 'next/head';
import { useRouter } from 'next/router';
export default function Home() {
const { pathname } = useRouter();
return (
<>
<Head>
<title>Next.js - Coding Beauty</title>
<meta name="description" content="Next.js Tutorials by Coding Beauty" />
<meta..
Новые материалы
ИИ для общего блага, часть вторая
В нашем последнем блоге мы исследовали возможности ИИ для общего блага, указав на несколько инициатив по поиску действенных решений для продвижения справедливых и беспристрастных систем ИИ. По..
Время расцвета закончилось
Большую часть своей карьеры в индустрии программного обеспечения программисты работали с головой в песок.
Успех в отрасли требует навыков презентации и обучения других.
Ценность улучшенных..
Будущее сельского хозяйства: новый уровень производительности с современными технологиями
По мере роста населения мира растет и спрос на продукты питания. Фермеры сталкиваются с растущим давлением необходимости повышать урожайность и максимизировать производительность, манипулируя..
Состояние совместной фильтрации в 2022 году, часть 1
ResBeMF: Улучшение прогнозируемого охвата совместной фильтрации на основе классификации (arXiv)
Автор: Анхель Гонсалес-Прието , Авраам Гутьеррес , Фернандо Ортега , Рауль Лара-Кабрера..
Зачем изучать PYTHON в 2022 году !
Python — востребованный, доступный язык программирования с активным, постоянно растущим сообществом пользователей. Для тех, кто хочет сменить профессию в мире технологий с помощью..
Решение капч с помощью Puppeteer
Это руководство предназначено для текстовых кодов, а не для reCAPTCHA Google (см. конец этого сообщения).
Требования:
Антикапча или любой другой сервис по разгадыванию капчи. Модуль..
7 встроенных библиотек Python, которые необходимо знать
7 встроенных библиотек Python, которые необходимо знать
Стандартная библиотека Python значительно упрощает жизнь программистов, предоставляя широкий набор функций. Мы выбираем несколько..