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


Расширяемые теги с Framer Motion и React
Видеоверсия этого блога Frame Motion , возможно, является одной из самых мощных библиотек для анимации пользовательского интерфейса с помощью React. Недавно у меня появилась возможность подробно изучить эту библиотеку для некоторых вещей, над которыми я работаю в Razorpay. В этом видеоблоге я планирую поделиться некоторыми своими знаниями о создании расширяемого компонента тега, содержимое которого меняется, когда пользователь наводит на него курсор. Я буду обсуждать различные..
Динамические компоненты/классы Vue.js для тех, кто спешит
Объяснение динамических компонентов и динамических классов с примерами. Vue.js, как и другие веб-фреймворки, необходимо использовать в полной мере, а это невозможно без использования его динамических функций! Динамические компоненты Компоненты можно повторно использовать в экземплярах Vue.js, и в большинстве случаев компоненты бесполезны, если вы не можете передать им данные. Динамические функции дополнительно позволяют пользователям переключаться между двумя или более..
React — это популярная библиотека JavaScript для создания пользовательских интерфейсов, и одна из вещей, которая…
React — это популярная библиотека JavaScript для создания пользовательских интерфейсов, и одна из вещей, которая отличает ее от других вариантов, — это использование хуков для управления состоянием и другими функциями в компонентах. В этой статье мы рассмотрим некоторые из наиболее часто используемых хуков компонентов в React и способы их использования в ваших проектах. Одним из самых основных хуков в React является хук useState , который позволяет вам добавлять состояние к..
Демистификация соглашения об именах в React: почему имена компонентов React начинаются с прописной буквы…
Введение: React, популярная библиотека JavaScript для создания пользовательских интерфейсов, произвела революцию в разработке веб-приложений. Когда вы углубляетесь в мир React, вы, возможно, заметили распространенное соглашение об именах компонентов: их имена начинаются с заглавной буквы. Это соглашение — не просто случайная причуда; он служит важной цели в разработке React. В этом сообщении блога мы рассмотрим, почему компоненты React названы таким образом и как это способствует общей..
Введение в компоненты Angular 1.5
Тодд Мотто недавно написал кучу статей о компонентах Angular, и у меня наконец-то появилась возможность опробовать компоненты, чтобы увидеть, соответствуют ли они шумихе. Можем ли мы теперь создавать повторно используемые, легко тестируемые компоненты HTML и JS с помощью Angular? Можем ли мы получить разумность, которую имеет React, без необходимости связывать с этим все наши функции обработки событий? Можем ли мы заменить шаблоны маршрутизации и контроллеры компонентами, даже такими,..
Создание компонентной и многоразовой функции «прокрутка вверх» в React
Итак, моя задача - создать функцию прокрутки вверх, которая позволяет пользователю быть следующим: как только фильтры исчезнут из поля зрения, появится серая кнопка «Вернуться к началу». При наведении курсора на кнопку он должен покачиваться и стать черным. После нажатия кнопки страница должна вернуться наверх, и кнопка исчезнет. Выше и ниже вы увидите визуальную реализацию этой функции. Одним из основных соображений при создании этого компонента было то, что мне нужно..
React.js использует Callback Hell!
Если вы работаете с React.js или изучаете его, то вы уже должны знать известные хуки оптимизации производительности, называемые useMemo и useCallback. Большинство из нас используют их для предотвращения множественных проблем с повторным рендерингом дочерних компонентов путем кэширования значений внутри обратного вызова и предоставления им зависимостей для тех переменных, которые, как мы знаем, изменятся в течение жизненного цикла компонента, поэтому, имея это под рукой, мы можем быть..