Публикации по теме 'react'
Руководство по стилю React / JSX…!
Лучший и разумный подход к React и JSX…
Основные правила …
Включайте только один компонент React в файл. Тем не менее, для одного файла допускается использование нескольких компонентов без сохранения состояния или чистых компонентов. eslint: react/no-multi-comp . Всегда используйте синтаксис JSX. Не используйте React.createElement , если вы не инициализируете приложение из файла, который не является JSX. react/forbid-prop-types разрешит arrays и objects только в..
Избегайте «&&» в условном рендеринге React
При создании приложения React обычно условно отображают компоненты на основе определенных критериев. Один из способов сделать это — использовать оператор «&&» в JSX для условного рендеринга компонента. Хотя на первый взгляд этот подход может показаться удобным, есть несколько причин, по которым его следует избегать.
Прежде чем углубляться в причины, по которым следует избегать «&&» при условном рендеринге в React, давайте сначала посмотрим, как это работает. Оператор «&&» в JavaScript..
Получение данных API при нажатии кнопки в React.
JavaScript React
Реагирующие хуки
Библиотека React предоставляет хуки, которые помогают управлять состоянием различных компонентов, не полагаясь на классы.
Хук useEffect используется для управления побочными эффектами, такими как получение данных в функциональных компонентах.
Побочные эффекты — это операции, которые изменяют состояние компонента вне функции.
Давайте рассмотрим пример использования хука useEffect для получения данных из API JSON Placeholder .
Определите..
Как легко обрабатывать событие onScroll в React
Чтобы обработать событие onScroll в элементе React, назначьте функцию свойству onScroll элемента и используйте объект события для выполнения действия. Это действие будет происходить всякий раз, когда пользователь прокручивает страницу вверх или вниз.
Например:
App.jsx
import { useState } from 'react';
export default function App() {
const [scrollTop, setScrollTop] = useState(0);
const handleScroll = (event) => {
setScrollTop(event.currentTarget.scrollTop);
};..
Замените оператор switch и несколько «if и else» на объектные литералы - [en-US].
Итак, во-первых, что такое Switch Statement?
Переключатель - это функция, которая получает данные, и эти данные будут проанализированы, если эти данные совпадают с одним из наших случаев, он выполняет инструкции в этом случае и возвращает значение.
Он похож на операторы if и else, но должен оценивать одно значение - внутри переключателя мы используем регистр для оценки каждого значения.
Когда вы используете множество операторов else if, что-то очень не так, и обычно вам следует..
Основные методы разработки React и TypeScript
React и TypeScript — две самые популярные интерфейсные технологии, используемые в современной веб-разработке. Компонентная архитектура React и виртуальный DOM в сочетании с надежной типизацией и ремонтопригодностью TypeScript создают мощный дуэт. Однако создание и поддержка сложных приложений React и TypeScript требует надежной стратегии. В этой статье мы рассмотрим лучшие стратегии разработки продвинутых приложений React и TypeScript, включая архитектуру, тестирование,..
Создание шаблона Create React App с помощью TypeScript и инструментов статического тестирования
Почему я создал шаблон Create React App, в котором используются TypeScript и инструменты статического тестирования, такие как eslint, prettier, husky, lint-staged, а также руководство по стилю Airbnb.
Я сделал Создать шаблон приложения React с помощью TypeScript и конфигурации ESLint, используя руководство по стилю Airbnb. Я также включил другие инструменты и скрипты для статического тестирования.
В то время я не мог найти актуальный шаблон, который собирал бы все эти вещи..
Новые материалы
Как создать диаграмму градиентной кисти с помощью D3.js
Резюме:
Из этого туториала Вы узнаете, как добавить градиентную кисть к диаграмме с областями в D3.js. Мы добавим градиент к значениям SVG и применим градиент в качестве заливки к диаграмме с..
Я хотел выучить язык программирования MVC4, но не мог выучить его раньше, потому что это выглядит сложно…
Просто начните и учитесь самостоятельно
Я хотел выучить язык программирования MVC4, но не мог выучить его раньше, потому что он кажется мне сложным, и я бросил его. Это в основном инструмент..
Лицензии с открытым исходным кодом: руководство для разработчиков и создателей
В динамичном мире разработки программного обеспечения открытый исходный код стал мощной парадигмой, способствующей сотрудничеству, инновациям и прогрессу, движимому сообществом. В основе..
Объяснение документов 02: BERT
BERT представил двухступенчатую структуру обучения: предварительное обучение и тонкая настройка.
Во время предварительного обучения модель обучается на неразмеченных данных с помощью..
Как проанализировать работу вашего классификатора?
Не всегда просто знать, какие показатели использовать
С развитием глубокого обучения все больше и больше людей учатся обучать свой первый классификатор. Но как только вы закончите..
Работа с цепями Маркова, часть 4 (Машинное обучение)
Нелинейные цепи Маркова с агрегатором и их приложения (arXiv)
Автор : Бар Лайт
Аннотация: Изучаются свойства подкласса случайных процессов, называемых дискретными нелинейными цепями Маркова..
Crazy Laravel Livewire упростил мне создание электронной коммерции (панель администратора и API) [Часть 3]
Как вы сегодня, ребята?
В этой части мы создадим CRUD для данных о продукте. Думаю, в этой части я не буду слишком много делиться теорией, но чаще буду делиться своим кодом. Потому что..