Главная » Архив меток: React

Архив меток: 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), я чувствовал, что все мои предвзятые представления и идеи переворачиваются с ног на голову. Мне удалось собрать (как ...

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

Реактивное (react) гамбургер-меню

От автора: создайте свое собственное меню, используя React, хуки, TypeScript и styled-component. Я предпочитаю простое меню, которое не будет выглядеть навязчивым на странице, отвлекая внимание от контента — но в то же время доступное для моих пользователей. Вместе мы создадим простое липкое гамбургер-меню! Что такое гамбургер-меню? Я думаю, что название «гамбургер» — это просто слово для визуализации иконки меню, которая ...

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

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

От автора: без операторов if в JSX, как вы управляете потоком приложения? Давайте рассмотрим, как отображать или НЕ отображать элементы в React. Вы не можете вставлять оператор if в JSX. Итак, как вы контролируете, что отображается? Управление потоком через приложение имеет фундаментальное значение для программирования, и для React это ничем не отличается. В этой статье мы собираемся ответить на вопрос: ...

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