Публикации по теме 'components'
Создайте собственный компонент Dropdown в React Native (без использования внешней библиотеки)
Существует множество библиотек, чтобы добавить выпадающий список в нативную реакцию. Но в реальном проекте в большинстве случаев нельзя использовать внешнюю библиотеку для большинства компонентов. Вы должны создать функциональность самостоятельно.
Здесь я делюсь своей реализацией выпадающих компонентов, которые я создал, работая над некоторыми заданиями.
Демо
Вы можете найти код в GitHub gist .
У нас есть 3 модуля (файла).
Dropdown.jsx -> Это основной компонент и..
Гибкие компоненты JavaScript без накладных расходов
В наши дни мы все любим наши компоненты JavaScript, будь то React, Vue, Ember, веб-компоненты и т. д. Когда я впервые начал использовать эти фреймворки, я был поражен модульностью и возможностью повторного использования компонентов. Наконец, они предоставили хороший способ организации блока HTML с соответствующим состоянием и поведением.
Но уже через короткое время я начал уставать от «писания для фреймворка» вместо использования обычных шаблонов JavaScript и простого HTML. Мне надоело..
Все является компонентом в React!
React — это библиотека Javascript, которая используется для создания пользовательского интерфейса (UI). React позволяет нам писать HTML-код с помощью JavaScript. Они позволяют разработчикам разбивать сложные пользовательские интерфейсы на более мелкие повторно используемые части, которыми легко управлять и поддерживать.
Итак, теперь Что такое компонент?
Компонент похож на функцию JavaScript, но в React компонент возвращает HTML-код.
Они могут получать реквизиты, которые..
Написание повторно используемых компонентов React
Раньше мы писали наши компоненты React особым образом, который не поощрял повторное использование компонентов. В этой статье я покажу наш прошлый подход, объясню, как и почему он затрудняет повторное использование, и опишу свой новый способ написания компонентов React, который я попробую в своих будущих проектах.
Я буду использовать довольно простой компонент Button для иллюстрации. Раньше мы проектировали компонент по следующим принципам:
interface ButtonProps {
inverted?: boolean..
Сохранение реквизита СУХИМ в Vue.js
Если у вас есть некоторый опыт работы с Vue.js, вы, вероятно, видели много этого ...
<cat-component :breed="breed" :color="color" :size="size" />
Этот способ объявления реквизита может быть настолько повторяющимся, что это больно. Разве что-то подобное не было бы лучше?
<cat-component :breed :color :size />
Вы так думаете, но на самом деле запрос функции был рассмотрен и отклонен командой Vue. Вот что Эван Ты сказал об этом ...
… Я..
Расширенные шаблоны компонентов Vuejs
5 шаблонов для масштабируемых приложений Vuejs
Шаблоны компонентов - это методологии и лучшие практики для определения ответственности и поведения ваших компонентов. Следование этим шаблонам повысит ремонтопригодность, производительность и масштабируемость вашего приложения.
В этой части мы рассмотрим 5 шаблонов, которые нужно добавить в ваш набор инструментов при внедрении новых компонентов.
Функциональные компоненты Динамические компоненты Асинхронные компоненты Компоненты без..
Отфильтровать результаты с помощью React
В моем последнем посте я обсуждал контролируемые компоненты React и то, как вы можете настроить форму фильтра. На этой неделе я покажу вам, как настроить фильтр результатов.
Резюме
Вот что мы построили в последнем посте:
Этот компонент принимает значение от пользователя и присваивает его poetFilter в state . Ничего особенного. В этом посте мы сосредоточимся на том, что происходит в строке 15:
this.props.onChange(event.target.value)
Свойство onChange было передано от..