Какие задачи решаем с помощью React
React позволяет создавать производительные и удобные интерфейсы. Рассказываем, какие задачи решаем с помощью библиотеки.
Почему мы выбираем React для разработки
React позволяет создавать производительные и удобные интерфейсы:
- Гибкость библиотеки увеличивает производительность приложения. На скорость работы приложения влияет количество кода, который отправляется браузеру — чем кода больше, тем приложение медленнее. В отличие от других инструментов, React при правильном использовании сокращает количество лишнего кода.
- Жесткая разметка, группировка по компонентам и тестирование корректности рендеринга упрощает поддержку кода. Особенности React позволяют создавать код, в котором можно быстро найти баги и устранять их — разработчик может внести исправления в определенную часть кода приложения, а не везде.
- Предохранители защищают от поломки интерфейса для пользователей. Если при обновлении приложения поломается какая-то функциональность, интерфейс для пользователей не изменится. Это возможно благодаря предохранителям — оборачивать в предохранители можно каждую функцию, которая несет риск поломки — это поможет избежать каскада ошибок.
Какие задачи решаем с помощью React
Мы пишем на React административные панели для управления разными сервисами. Административные панели часто бывают в личных кабинетах — это кнопки с разным функционалом: проанализировать и вывести статистику, управлять подпиской, выбрать способ оплаты. Их интерфейс отличается внешне и по функционалу.
Разделили функционал на уровни доступа в административной панели. В некоторых сервисах функционал нужно разделять по уровням доступа для разных сотрудников. Например, владелец компании может увидеть всю актуальную информацию о деньгах на счете в личном кабинете банка: общую сумму, реестр операций. А главный бухгалтер — только реквизиты контрагентов и даты операций для оформления документов в налоговую.
У компании один личный кабинет в банке, но система распознает, кто в нее зашел и выводит нужный интерфейс. React позволяет сократить время на создание логики с несколькими интерфейсами благодаря изолированным компонентам. На их написание нужно немного кода.
В зависимости от того, какой ответ видит система — она выводит нужный интерфейс.
Создание функционала для анализа работы приложения и вывода статистики. Для некоторых систем необходим функционал вывода статистики. Например, интернет-магазин хочет оценить, как много продаж банковскими картами он сделал в этом месяце. Ему удобно зайти в систему учета, задать фильтры — банковские карты и промежуток с 1 по 30 число и нажать кнопку «Посмотреть».
С помощью React возможно создать любую систему фильтрации, он позволяет визуализировать любые сложные диаграммы и графики. Можно настроить систему так, чтобы она автоматически обновлялась каждые два часа — так интернет-магазин сможет в режиме реального времени отслеживать продажи.
React позволяет обновлять информацию о работе системы в режиме реального времени
Управление подписками пользователей. Некоторые сервисы зарабатывают на подписках. Например, сервис по доставке готовой еды каждый четверг списывает деньги с карты клиента за заказ на следующую неделю.
Иногда клиент хочет отменить подписку — он ищет кнопку в личном кабинете. Здесь в логику интерфейса можно встроить хитрость, чтобы не терять подписчика — можно предложить ему поставить подписку на паузу, а не отменять ее совсем. С помощью React легко настроить такой функционал.
Перед тем, как отменить подписку, сервис предлагает поставить ее на паузу