Публикации по теме 'react'


День 11 — React-хуки для управления состоянием
Добро пожаловать в 11-й день вашего пути к изучению React! Сегодня мы сосредоточимся на хуках React, которые представляют собой мощную функцию, представленную в React 16.8, которая позволяет нам использовать состояние и другие функции React без написания компонентов класса. Перехватчики React До появления перехватчиков состоянием можно было управлять только в компонентах класса, используя объект this.state и метод setState . Это затруднило повторное использование логики с отслеживанием..
Интеграция приложения React-Redux с серверной частью Rails
Я только что завершил свой завершающий проект для Flatiron School, буткемпа по кодированию, который я посещал на Манхэттене, Нью-Йорк, в течение последних 4 месяцев. Нам было поручено создать проект по нашему собственному выбору, который использует фреймворк React с бэкендом rails. Кроме того, применение редукса было необходимо для удовлетворительного завершения в соответствии с рубрикой. Я создал приложение NFL Pickem, в котором пользователи могут еженедельно отправлять список выборов,..
Cypress: написание автоматических тестов для проверки веб-приложений
Этот пост представляет собой введение в использование Cypress для написания тестов автоматизации на основе браузера для веб-приложений. В этом руководстве приложение React используется в качестве примера для иллюстрации инфраструктуры тестирования, но вы можете применить полученные знания для написания интеграционных тестов для любого веб-приложения. Читать дальше
Реагировать на хуки с помощью TypeScript
Хуки были введены в React в феврале 2019 года для улучшения читаемости кода. На этот раз мы исследуем, как хуки работают с TypeScript. До хуков компоненты React имели два варианта: Классы , обрабатывающие состояние Функции , которые полностью определяются их реквизитами Их естественным использованием было создание сложных контейнерных компонентов с классами и простых презентационных компонентов с чистыми функциями. Что такое React-хуки? Компоненты контейнера обрабатывают..
Сравнение 7+1 фреймворков JavaScript
Беспристрастный тест с небольшой помощью искусственного интеллекта Как мы можем сформировать обоснованное и непредвзятое мнение о том, какой JavaScript-фреймворк выбрать? Самый подходящий, надежный, эффективный и действенный? Я уже писал на эту тему (см. ссылки в конце), но эта тема не дает мне покоя в моей повседневной работе. В разработке веб-приложений проблема касается не только фреймворков JavaScript. Он распространяется на выбор наилучшей архитектуры с полным стеком, включая..
7 полезных репозиториев GitHub, чтобы стать профессиональным разработчиком React
Вы не застрянете, изучая React React  – это широко используемая библиотека внешнего интерфейса, которую ежемесячно используют почти в 50 миллионах проектов. При поддержке Facebook React доминирует в сфере веб-разработки уже более девяти лет и имеет несколько известных клиентов (от стартапов до компаний из списка Fortune 500). React предоставляет все необходимые вам функции и упрощает процесс молниеносной разработки веб-сайтов и веб-приложений. Из-за этого существует большая..
Представляем индикатор загрузки скелета в Syncfusion Essential JS 2 DataGrid
Представляем индикатор загрузки скелета в Syncfusion Essential JS 2 DataGrid В современном дизайне пользовательского интерфейса большинство из нас ожидает отображения визуальных эффектов до тех пор, пока элемент управления не будет готов для взаимодействия с пользователем. Эффект скелета показывает индикатор загрузки в форме содержимого, которое будет загружено в элемент управления. В сетке эффект скелета будет отображать строки и столбцы без каких-либо данных. Начиная с выпуска..