Публикации по теме 'components'


Подкомпоненты React Часть 3: Добавление подкомпонентов в белый список с помощью потока
Добавление большего контроля к шаблону субкомпонентов с помощью типов потока Более доступная, читаемая, адаптированная для мобильных устройств и актуальная версия этой истории доступна в моем личном блоге ! Этот небольшой пост является продолжением моей второй статьи о субкомпонентах . Чтобы полностью понять эту статью, сначала прочтите ее Во второй части моей серии статей о подкомпонентах React мы увидели, как использование Context может значительно улучшить исходный паттерн,..
Представляем стильные компоненты
Представляем стильные компоненты Stylish components - это легкая альтернатива styled-components с теми же основными функциями и функциями при 1/10 размера. Как это работает? Как уже упоминалось во вступлении, стильный работает так же, как и стилизованные компоненты, поэтому вы просто создаете компонент, используя stylish.<html tag>`/*some css*/` css следует стандартному синтаксису css с некоторыми небольшими вариациями, например & в качестве заполнителя для хэша..
Контекст React в мире компоновки компонентов
Если вы когда-либо пробовали React Context API до того, как он официально стал стабильной функцией, вы, вероятно, помните все предупреждения и красные индикаторы в документации, которые отговаривали нас от его использования. Начиная с React 16.3, Context API больше не является экспериментальным - это расширенная функция, которая была разработана, чтобы помочь разработчикам избежать проблемы «Prop Drilling». По сути, Context позволяет разработчикам писать компоненты React, которые живут..
Правила многоразовых компонентов
Я трачу много времени на разработку новых многоразовых компонентов пользовательского интерфейса. Это означает, что во время разработки я стараюсь извлекать компоненты пользовательского интерфейса, которые помещаются в общую библиотеку или руководство по стилю. Эти компоненты используются повторно на протяжении всего проекта. Часто имеют разные стили или макеты при интеграции в функции. Попутно я выучил несколько правил, которые помогли мне сэкономить время и боль. 1. Держите..
Обуздайте большие проекты на React, последовательно применяя эти шаблоны и правила
Обуздайте большие проекты на React, последовательно применяя эти шаблоны и правила Уход и обращение с чистыми и простыми компонентами по сравнению с дисплеями и самоуправляемыми компонентами Недавно я работал в команде над проектом, создав библиотеку компонентов React для использования в ряде связанных корпоративных сред. В рамках этого процесса мы обнаружили, что имеет смысл классифицировать компоненты с точки зрения того, откуда они берут данные. Мы также разработали ряд правил,..
useState в обычном функциональном компоненте реакции
Поскольку я начал сохранять свои реагирующие компоненты без состояния, мне пришлось найти способ обрабатывать мое глобальное состояние внутри компонента без состояния вместо передачи нескольких реквизитов из компонентов класса. Это может быть ваш вопрос сейчас, почему мы начали продолжать это делать? Поскольку они являются чистыми функциями, ваши утверждения очень просты, и мы все знаем, что написание модульного теста для компонентов с состоянием довольно хлопотно, и поэтому простые..
Компоненты в Javascript
Компоненты в Javascript Недавно я изо всех сил пытался создать приложение с ванильным javascript, следуя методологии компонентов. То есть - Один компонент должен сосредоточиться на одном разделе пользовательского интерфейса. Один компонент не должен напрямую обращаться к HTML другому. Компонент инкапсулирует свои HTML, CSS и JavaScript. У каждого компонента есть способ взаимодействия с другими. У этого подхода много преимуществ. Это согласуется с принципом единой..