Публикации по теме 'react'
Исправление шаблона Backend-for-frontends с помощью Build-time GraphQL
Шаблон BFF оптимизирует серверные части для конкретных клиентских интерфейсов. Использование GraphQL устраняет некоторые из его недостатков, но можем ли мы добиться большего? Давайте узнаем с WunderGraph.
Шаблон Backend-for-frontends (BFF), впервые описанный Сэмом Ньюманом и впервые использованный в SoundCloud, является эффективным решением, когда у вас есть несколько клиентских платформ — веб-браузеры, мобильные приложения, игровые консоли, устройства IoT — каждая с уникальные..
Саспенс - это все, что вам нужно
С выпуском Hooks API в React появляются новые возможности для устранения еще большего количества шаблонов. Я хочу поговорить о Suspense .
Если вы этого не знаете, загляните на официальную страницу . Если коротко описать это, это компонент, как и любой другой, который принимает два свойства:
Promise компонента для рендеринга, когда он доступен. Компонент загрузчика, отображаемый до тех пор, пока обещание не будет выполнено.
Вариант использования, о котором пишет..
Добавьте S.N (серийный номер)/дополнительный столбец в React-Tables V7.
В. Для кого предназначена эта статья?
Для тех, кто использовал React-Tables и застрял при добавлении S.N или дополнительного столбца в React-Tables.
Здесь,
const fields = ['s.n', 'title', 'url', 'state'];
If columns are fetched from backend/api и вы хотите добавить столбец "S.N", тогда
const columnFields = ['s.n'];
columnFields.push(...fields);
Это поместит elements массива fields в массив columnFields таким образом, что:
const columnFields = ['s.n', 'title', 'url',..
7 лучших методов оптимизации производительности для React
Как оптимизировать производительность React
React — популярная библиотека JavaScript для создания пользовательских интерфейсов. Хотя он обеспечивает множество преимуществ, таких как архитектура на основе компонентов и простое управление состоянием, он также может создавать проблемы с производительностью. Медленные приложения могут ухудшить работу пользователей, а также негативно повлиять на поисковую оптимизацию (SEO) и показатели конверсии. Чтобы ваше приложение React работало..
4 способа документирования библиотеки компонентов React
Практические способы создания потрясающих документов для вашей библиотеки пользовательского интерфейса.
Библиотеки компонентов - это де-факто современный способ повторного использования компонентов пользовательского интерфейса. Они помогают обеспечить согласованность пользовательского интерфейса в командах и стандартизировать разработку. При создании библиотеки компонентов React важно предоставить надлежащую документацию, чтобы люди могли принять и использовать компоненты.
Это..
Напишите более читаемый код React, используя компоненты If-Else
Избегайте использования тернарных операторов, которые делают ваш код нечитаемым.
Раньше я ненавидел, как условный рендеринг React искажал мой код, но потом я нашел способ сделать это намного проще.
Официальная документация ReactJS объясняет, как выполнять условный рендеринг в React.
Монорепозиторий для React и React Native — часть 1
Монорепозиторий для React и React Native — часть 1
Введение:
Архитектура Monorepo завоевала популярность среди разработчиков для управления крупномасштабными проектами, особенно с приложениями React и React Native. Организуя код в несколько пакетов, разработчики могут добиться большей модульности, совместного использования кода и общей эффективности разработки.
Я собираюсь разделить статью на 2 части, первая часть будет объяснять больше о концепциях и архитектуре. Во второй части..