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


Как сделать простую форму полета самолета с помощью React, Typescript и Tailwind
Введение В этом уроке мы создадим форму, которая позволит вам проверить самую низкую цену на авиабилеты, нажав на API строку «/flights/get-lowest», которая вернет цену в долларах. Форма позволит вам вводить данные в двух режимах, где вы сможете переключаться между рейсами туда-обратно и в один конец. Отправка формы приведет вас на вторую страницу, на которой показаны рейсы, но в этом руководстве она будет опущена. Компонент будет настроен следующим образом: Оболочка компонента с..
Повторное использование логики компонента React с Render Props
Если вы какое-то время использовали React, повторное использование компонентов - одна из вещей, которые вы всегда будете делать. Самый очевидный способ сделать это - использовать компонент более высокого порядка. Прочитав статью Чинонсо Джонсона о повторном использовании логики компонентов React с HOC. Я думал о достижении того же результата, но вместо этого использовал свойства Render. Это то, что мы расскажем в этом посте. Повторное использование..
Взаимодействие компонентов в Angular
В этой статье мы увидим взаимодействие между компонентами в angular, Входные свойства: Привязка ввода используется для передачи данных из родительского компонента в дочерний компонент. Давайте возьмем пример, когда у вас есть компонент prod-details, который содержит список продуктов и отображает те же продукты в своем представлении, в то время как у нас есть другой компонент, называемый prod-count, который отображает общее количество продуктов в своем представлении, и мы добавили prod..
Спасибо, Джефф.
Спасибо, Джефф. Отличная статья. Мне нравится ваша идея создания ML PC с возможностью расширения. Ниже ваш список с ценами в Швейцарии. Здесь немного дороже. Один вопрос. Вы выбрали оперативную память без исправления ошибок, почему? asus-geforce-gtx-1080-ti-founders-edition-11gb = 700 швейцарских франков 2. amd-ryzen-threadripper-1920x12 3–5 ГГц = 460 швейцарских франков 3. Fractal Cooler Design Celsius S24 = 120CHF 4. msi-x399-gaming-pro-carbon-ac- = 381CHF 5. Corsair DDR4..
Прекратите использовать toMatchSnapshot в тесте пользовательского интерфейса
Я знаю, что это будет очень технически, только тот, кто пишет тест, поймет, о чем я здесь говорю. Тем не менее, работа не является тривиальной, потому что большинство людей не проверяют вашу работу. Иногда это может быть наоборот, только потому, что вы единственный, кто работает над этим, ваша работа может быть очень важной. Если вам посчастливилось выполнять важную работу, такую ​​как написание тестов, вам следует установить некоторые стандарты. В противном случае пропустите его...
Как добавить внешние JS-скрипты в компоненты VueJS
30 июля 2022 г. Первоначально опубликовано на techvblogs.com ・3 минуты чтения В некоторых случаях вы можете захотеть включить дополнительный сценарий JavaScript в свое приложение Vue. Для этого может быть любая причина — вы хотите применить дизайн материала для определенного компонента, хотите иметь пользовательский интерфейс Kendo или что-то еще. Действительно ли вам нужно внедрить внешний скрипт в компонент Vue, мы обсудим позже, а сегодня мы здесь по одной причине — чтобы..
Угловой - как отобразить один компонент внутри другого.
Прежде чем мы начнем, весь код этого руководства можно найти в моем репозитории GitHub . Начнем с проекта Angular, в котором есть компонент контейнера . В этом посте мы собираемся отобразить другой компонент (назовем его дочерний компонент ) внутри компонента-контейнера. Мы будем использовать Angular CLI для генерации модулей и компонентов, вы можете установить Angular CLI, выполнив команду ниже. npm i @angular/cli Создать дочерний компонент Первым делом необходимо создать..