Публикации по теме 'react'
Привет, Кент,
Привет, Кент,
спасибо, что поделились своим мнением! Мне интересно, как это изменится:
Я мог по ошибке установить onClick из button на this.tgogle вместо this.toggle . Мой тест продолжает работать, но мой компонент не работает.
ломает компонент HiddenMessage, если вы тестируете, что нажатие кнопки должно передавать обновленное состояние компоненту:
wrapper.find('button').simulate('click')
expect(wrapper.find('Fade').props()).toEqual({
in: false,
children:..
React UseReducer Hook — Сделано просто.
Я горжусь тем, что упрощаю вещи для других. Несмотря на тысячи статей на эту тему, большинство людей до сих пор не могут понять ее, судя по моему ( слегка предвзятому) наблюдению.
Редуктор?
Как следует из названия, «редуктор» — это то, что упрощает вещи. Это уменьшает. Представьте себе это как машину, которая берет что-то сложное и возвращает что-то более простое.
Итак, что это значит для React? В контексте React редуктор используется для управления несколькими разными, но..
JSX и тернарные выражения
Веб-разработчики, впервые использующие React.js в качестве предпочтительной внешней библиотеки, могут быть встревожены JSX , незнакомым синтаксисом, который выглядит как продукт сумасшедшего ученого, который объединил HTML и JavaScript в лаборатории. Хотя вы не обязаны использовать его в своем приложении React, JSX имеет ряд преимуществ. Мало того, что внутри JSX происходит оптимизация производительности, код, написанный на JSX, синтаксически больше соответствует тому, как на самом деле..
Быстрый, ленивый, но эффективный способ создания уникальных ключей для элементов React
Если вы похожи на меня, вы, вероятно, видели и игнорировали эту ошибку довольно много раз.
В чем дело с уникальными ключами?
Так в чем проблема? Эта ошибка - просто предупреждение, скрытое в консоли, похоже, она не влияет на время выполнения программы. О чем вообще нам говорит эта ошибка? По сути, если мы возвращаем список элементов, React нужен способ, чтобы попытаться различить все элементы , которые мы только что вернули. Это помогает, когда React пытается решить, какие..
Больше нет (╯ ° □ °） ╯︵, потому что теперь у вас есть Async Manager
Больше никаких (╯ ° □ °） ╯︵ ┻━┻, потому что теперь у вас есть Async Manager
Насколько раздражает, когда вы нажимаете «Сохранить», а потом ничего не происходит? Вы разработчик, поэтому вы открываете консоль браузера и проверяете, нет ли ошибок… ничего. Итак, ждите и смотрите вкладку «Сеть». В конце концов, вы видите разрешение вызова Ajax и, конечно же, видите сообщение в пользовательском интерфейсе, что ваше сохранение было успешным. Это не сделает вас менее разочарованным, и это..
Redux: супергерой государственного управления или просто еще один сложный помощник?
По мере того, как интерфейсные приложения становятся все более сложными, становится все труднее поддерживать синхронизацию различных частей пользовательского интерфейса. Например, когда пользователь изменяет некоторые данные в одной части пользовательского интерфейса, другие части должны быть немедленно обновлены, чтобы отразить изменения. Для этого разработчикам приходится писать много кода, чтобы все синхронизировалось, что может быстро стать большой проблемой, если что-то пойдет не..
NextJS и истории рендеринга
Традиционно веб-приложения в основном создавались с использованием рендеринга на стороне сервера (т. е. Ruby on Rails или любой другой инфраструктуры MVC), но появление инфраструктуры JavaScript (т. е. React, Vue, Angular) переместило уравнение рендеринга на сторону клиента. Однако метафреймворки, такие как Nuxt и NextJS, вернули истории рендеринга на сервер и даже еще больше усложнили их, предоставляя вам несколько способов рендеринга вашего веб-приложения.
NextJS предлагает 3 основные..
