Главная » Архив меток: React (страница 6)

Архив меток: React

Как создать Accordion React с нуля без использования внешней библиотеки

От автора: как вы, возможно, знаете, есть много приложений, использующих контейнер accordions, таких как отображение списка часто задаваемых вопросов, различных меню и подменю, для отображения различных местоположений конкретной компании и так далее. Итак, в этой статье мы рассмотрим, как построить accordion в React полностью с нуля, шаг за шагом, без использования какой-либо внешней библиотеки. Мы будем использовать синтаксис React Hooks ...

Читать далее »

Визуализация данных: легкое построение графиков React

От автора: рассмотрим эффективный способ создания графиков React с помощью библиотеки KendoReact Charts. Прочитав эту статью, вы узнаете, как быстро реализовать гистограммы и диаграммы с помощью библиотеки, которая обеспечивает основу для элементов визуализации данных в вашем приложении React. Веб-приложения часто должны помочь конечному пользователю разобраться в различных типах данных. Один из лучших способов представить данные в приятной и простой для ...

Читать далее »

Как создавать формы React для лучшего взаимодействия с пользователем

От автора: узнайте больше о том, как создавать формы в React, обладающие прекрасным пользовательским интерфейсом, при помощи KendoReact Form. В современных приложениях повсюду присутствуют формы, ведь независимо от того, создаёте ли вы новый онлайн магазин или форму подписки на новостной ресурс, вам определенно требуется настраивать формы и держать их под контролем. Формы предназначены для сбора информации. Это главная причина того, ...

Читать далее »

Как использовать стилизованные компоненты в React

От автора: это краткое руководство по изучению стилизованных компонентов, методологии CSS на основе компонентов, используемой в React. Если вы хотите применять стилизованные компоненты в своих проектах, это руководство поможет вам начать работу. Обзор стилизованных компонентов Styled Components — это библиотека для React и React Native для написания и управления CSS. Это решение «CSS-in-JS», то есть вы пишете CSS в файлах ...

Читать далее »

6 советов по созданию масштабируемого проекта React

От автора: начиная новый проект React, всегда полезно составить несколько рекомендаций, которым вы и ваша команда будете следовать, чтобы сделать код масштабируемым. В этом посте я поделюсь с вами некоторыми идеями, полученными за годы использования React, которые помогут вам определить собственное руководство проекта. Определите, как организовать состояние в локальном и глобальном состояниях React — это библиотека, которая управляет пользовательским интерфейсом ...

Читать далее »

Как и почему вы должны использовать React Query

От автора: одна из проблем, с которыми мы сталкиваемся при создании приложения с помощью React — это определение шаблона кода для выборки данных с сервера. Наиболее распространенный способ обработки выборки данных в React — использование глобального состояния в качестве механизма для определения текущего статуса операции выборки. Вот пример получения данных из Star Wars API: import React, {useState, useEffect} from 'react'; ...

Читать далее »

4 популярных способа стилизации компонентов React

От автора: ваши приложения React — это просто набор компонентов, собранных вместе для создания пользовательских интерфейсов и функций. Конечно, вы не хотите оставлять в своем приложении стерильные цвета, анимацию и стили. Вот почему вы должны заботиться о том, как планируете настраивать и улучшать компоненты React. Далее вы найдете список 4 самых распространенных способа сделать приложения React красивыми. Но, пожалуйста, будь ...

Читать далее »

Давайте создадим с помощью React финансовую информационную панель

От автора: в этом руководстве мы с нуля создадим образец финансовой информационной панели и в процессе узнаем немного о CSS-сетке, KendoReact и темизации. Финансовые приложения сложны. Как правило, они имеют дело с кучей данных, и отображение этих данных важно для того, чтобы сделать ваших пользователей счастливыми. В этой статье мы создадим пример финансовой панели в три этапа. Во-первых, вы создадите ...

Читать далее »

Когда React выполняет повторный рендеринг компонентов?

От автора: React известен тем, что обеспечивает быстрое взаимодействие с пользователем, обновляя только те части пользовательского интерфейса, которые изменились. Если посмотреть на производительность рендеринга в React, есть несколько терминов и концепций, которые трудно понять. В течение некоторого времени мне не было на 100% ясно, что такое VDOM или как React решает, когда нужно выполнить ререндеринг компонентов. В первой части этой ...

Читать далее »

Что бы я хотела знать о React

От автора: пару недель назад я начала работать над своим первым приложением React. Это было не только мое первое приложение React, но и мое первое приложение React Native, поэтому многое для меня было в новинку. В сравнении с миром Angular (и Ionic), я чувствовал, что все мои предвзятые представления и идеи переворачиваются с ног на голову. Мне удалось собрать (как ...

Читать далее »