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

новые заметки

Библиотека Ramda, функции assoc и splitEvery

Библиотека Ramda - это функциональная библиотека для JavaScript, которая предоставляет множество утилитарных функций для работы с объектами, массивами, строками и другими данными. Сегодня рассмотрим две функции, assoc и splitEvery. А далее рассмотрим ...

Читать далее

SignalR - как определить состояние соединения на клиенте

В SignalR вы можете определить состояние подключения на стороне клиента с помощью кода JavaScript. SignalR предоставляет клиентские API и события, которые позволяют отслеживать изменения в состоянии подключения и реагировать на них. Вот пример того, ...

Читать далее

Поговорим о хуках

В React, хуки (hooks) - это специальные функции, которые позволяют вам использовать состояние и другие функциональности React в функциональных компонентах. Хуки были представлены в версии React 16.8 и с тех пор стали основным способом создания компон ...

Читать далее

Управления состоянием Redux в приложении React

Redux более адаптируем и популярен среди разработчиков. Фактически, когда дело доходит до библиотек управления состоянием, Redux оказывается вариантом №1 среди фронтенд-разработчиков. Когда разработчики работают над большим проектом, используя самые ...

Читать далее

Пример простой web панели с "живым" обновлением.

Сегодня давайте рассмотрим пример реализации панели в React с использованием SignalR и Redux.1. Создадим React-компонент для панели:import React from 'react'; import { useDispatch, useSelector } from 'react-redux'; import { updatePanelData } from ' ...

Читать далее

Ошибка "Unexpected string concatenation" в React приложениях

Ошибка "Unexpected string concatenation" может также возникать при попытке конкатенации строк в console.log()или других функциях в React. В этом случае, как и в JSX-коде, рекомендуется использовать интерполяцию строк вместо конкатенации.Вот пример, к ...

Читать далее

React useState

React является одним из самых популярных инструментов для создания пользовательских интерфейсов (UI) и одностраничных приложений (SPA). В React используется useState для управления состоянием компонентов. В этой статье мы рассмотрим, как использовать ...

Читать далее

Простой пример приложения на react с reduxjs/toolkit, обновление от signalR

Давайте рассмотрим пример использования Redux Toolkit в сочетании с SignalR в React-приложении. Начнем с настройки хранилища Redux с помощью Redux Toolkit: Вот пример использования Redux Toolkit с обновлениями от SignalR в React-приложении:1. Настрой ...

Читать далее

SignalR + React

Думайте о SignalR как об инструменте, который поможет вам легко добавлять функциональные возможности в реальном времени в ваши веб-приложения. Он абстрагирует некоторые сложности настройки веб-сокетов и позволяет вам сосредоточиться на создании функц ...

Читать далее

Использование onclick в React

В React, вместо использования атрибута onclick в HTML, мы используем свойство onClick для обработки событий клика. Вот пример простого компонента в React с обработкой события клика:import React from 'react'; function MyButton() { // Функция-обрабо ...

Читать далее