Публикации по теме 'components'
Отрисовка динамических компонентов в Angular 5 с помощью NgComponentOutlet
Иногда в приложении возникает ситуация, когда вы на самом деле не знаете, какой компонент вы хотите визуализировать во время выполнения. В качестве примера давайте представим процесс оформления заказа, в котором от выбора зависит, какие вкладки будут отображаться. Если заказ бесплатный, отображаются только вкладки с информацией о пользователе и подтверждения. Если заказ оплачен, то это плюс форма оплаты.
В этой гипотезе нам нужно найти способ сообщить Angular о рендеринге тех..
Влияние винтового бурения на React
Детализация Prop — это ситуация, когда данные передаются от одного компонента через несколько взаимозависимых компонентов, пока вы не доберетесь до компонента, где данные необходимы. Вот иллюстрация сверления винтов, чтобы помочь вам понять
В этом примере данные необходимо передать от App к GrandChildComponent , но они должны пройти через ParentComponent , ChildComponent1 и GrandChildComponent .
Вот как будет выглядеть опорное бурение в этом сценарии:
Как видите,..
Визуализация состояния моего приложения React
Сегодня, спустя три дня работы над моим последним проектом здесь, в школе Flatiron, я сделал паузу, чтобы подумать о состоянии моего приложения. (И да, каламбур.) Как я организовал свои компоненты? Где я храню состояние? Как я передаю реквизиты между компонентами? Самое главное, смогу ли я лучше справляться с чем-либо из этого, чтобы подготовиться к относительно гладкому пути кодирования в течение следующих нескольких недель?
Поскольку сложно удержать в голове структуру всего моего..
Использование дочерних компонентов в угловых формах
Использование дочерних компонентов в угловых формах
Формы всегда сложнее, чем кажется. Особенно в сегодняшнем сложном веб-интерфейсе. Есть несколько различных типов форм с большим количеством взаимодействий, которые происходят за кулисами. Логины пользователей, тележки для покупок и профили в социальных сетях - это лишь некоторые из них. Я хотел продемонстрировать, как реализовать конкретный сценарий, который может быть не таким простым с формами Angular. Использование дочерних..
Styled Components: будущее стилей React Components
В течение многих лет разработчики React импортировали таблицы стилей в свои файлы .js или .jsx . Достаточно простая и стандартная практика, правда?
Это достаточно простой загружаемый файл App.js , сгенерированный create-react-app . Теоретически проект, который выглядит так, не выглядит таким пугающим для работы. Черт возьми, что плохого в использовании декларативных семантических html-элементов и имен классов для украшения их с помощью CSS в этом сценарии?
Очевидно, что..
Подкомпоненты React
Создание гибких, легко тестируемых и повторно используемых представлений в React, не заканчиваясь «адом разметки»
Более доступная, удобочитаемая, адаптированная для мобильных устройств и актуальная версия этой истории доступна в моем личном блоге !
Это первая статья из серии из трех статей о субкомпонентах React. Часть 2 и Часть 3 доступны здесь и здесь .
Каждый проект React, над которым я работал, будь то личный или связанный с работой, в какой-то момент становился..
Создание таблицы со встроенными редактируемыми ячейками с использованием Angular 6
В этой статье я собираюсь обсудить, как создать таблицу со встроенными редактируемыми ячейками. Как разработчик, вас попросили представить одно представление для презентации и редактирования контента из-за требований взаимодействия с пользователем. Недавно я работал над компонентом, который делает это, и расширил свой компонент до таблицы. Как внештатный дизайнер UX для проекта, я представил таблицу со встроенными редактируемыми ячейками и взял на себя задачу разработать ее. С чем я..
