Публикации по теме 'react'
React Coding Interview Challenge 15
Найдите ошибки в существующем компоненте
Это 15-я статья в серии, которая должна была состоять всего из 10 задач в стиле интервью по кодированию React, каждая из которых дополнена спецификацией проблемы и кратким изложением одного подхода к решению. Я не уверен, как долго я буду продолжать эту серию, но пока я продолжаю думать о новых проблемах с интервью или сталкиваюсь с ними, я сделаю все возможное, чтобы опубликовать их здесь! Эта статья пока будет немного отличаться от формата этой..
Как рассчитать цвет неба с помощью React.js Par1
Вы можете бояться, что длительное взаимодействие с ребенком приведет к тому, что он спросит вас: «Почему небо голубое?» К счастью, в Интернете есть много статей, которые дадут вам ответ и избавят вас от смущения. Самый пугающий сценарий — это если ребенок с необычайным уровнем любопытства попросит вас представить математическую модель неба и то, как небо будет выглядеть, если его осветит красный гигант .
Эта серия статей предназначена для того, чтобы объяснить, как температура нашей..
HeadlessUI — переходы, часть 2 — отображение и скрытие контента
Компонент ‹Transition› по умолчанию отображается как ‹div›, но мы также можем отображать его как другие элементы, используя as prop.
Можем пройтись по страницам, создать about.js.
import React from 'react'
const about = () => {
return (
<div>about</div>
)
}
export default about
В MyComponent.js добавьте as="a" для отображения как ‹a›, ссылку на страницу о программе
import { Transition } from '@headlessui/react'
import React, {useState} from 'react'
const..
React Concurrent: быстрые и отзывчивые веб-приложения
Как мы все, вероятно, знаем, React — одна из самых популярных и широко используемых интерфейсных сред для создания интерактивных и динамических пользовательских интерфейсов в мире веб-разработки. Однако до выпуска React 18 в React не было первоклассной поддержки параллелизма.
Но что такое параллелизм и почему React должен его поддерживать? В этой статье мы определим это понятие, разберемся…
Защита приложений React с помощью Keycloak: подробное руководство
Хотя существует множество доступных сервисов аутентификации, включая Firebase Authentication и Auth0, в вашем проекте могут возникнуть ситуации, когда вам потребуется большая гибкость и контроль над управлением пользователями и авторизацией с расширенными функциями.
В таких случаях Keycloak — идеальный выбор, поскольку он предлагает широкий набор функций из коробки. Keycloak включает встроенную поддержку OpenID Connect и SAML 2.0, а также интеграцию с популярными социальными сетями,..
Создайте этот компонент # 1
В этой серии статей я разрабатываю и кодирую различные общие компоненты пользовательского интерфейса с помощью React и ‹размещаю здесь решение CSS›.
Предисловие
С тех пор, как я начал учиться программировать, я увлекся проектированием и созданием красивых веб- и мобильных пользовательских интерфейсов. Недавно я принял своего рода мышление сделай сам , когда дело доходит до реализации любых компонентов пользовательского интерфейса в наших приложениях React. Я знаю, что неразумно..
Почему мой хук useState не работает должным образом?
Хук useState в React — это мощный инструмент для управления состоянием компонента, но важно понимать, как правильно его использовать, чтобы избежать ошибок и неожиданного поведения. Одной из распространенных ошибок является непосредственное обновление свойств объекта в состоянии вместо создания новой копии состояния и ее обновления.
Проблема
Рассмотрим следующий пример:
import { useState } from 'react';
function MyComponent() {
const [user, setUser] = useState({ name: 'John',..
