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


Скрыть и заменить липкий элемент при прокрутке в стиле React
— Сложно, но интересно🍡 В проекте над которым я работал столкнулся с очень интересной задачей, внизу мобильной страницы есть залипающая кнопка, требование было получить вот такой эффект: ✨ Когда пользователь прокручивает страницу на мобильном устройстве до определенной позиции , эта кнопка больше не должна быть липкой внизу, другими словами, она начнет следовать за прокруткой с этой позиции . . Это выглядит сложно, но после некоторого анализа я обнаружил, что этого можно добиться..
Как создать многоразовую форму с помощью React Bootstrap
Посмотрим правде в глаза, формы трудны для всех, особенно в React. Если вы - младший разработчик, это может быть совершенно страшно, и вам могут потребоваться часы поиска в Google, чтобы доставить их туда, где вы хотите. Однако мы надеемся, что эта статья поможет ускорить разработку компонентов формы. Компонент, который я собираюсь создать, прост для новичков. Я дам вам пошаговое объяснение того, как построить форму. Эта форма использует React Bootstrap и стилизованные компоненты,..
Приложение для тестирования
Вы написали весь код нового приложения, и его сборка прошла успешно, отлично, но вы протестировали все компоненты пользовательского интерфейса и их логику? Тестирование требует много времени, но необходимо для написания хорошего кода и может улучшить производительность приложения, уменьшая ручное тестирование. В этой статье я покажу вам основы тестирования приложения. Тест снимков Тестирование пользовательского интерфейса играет важную роль перед выпуском приложения в производство,..
Тестирование компонентов angular - вы не знаете, что вам не хватает
Компоненты и директивы AngularJS (Angular 1.5+) великолепны. Компонент используется для инкапсуляции элемента пользовательского интерфейса, а также его взаимодействия с пользователем. Компонент является понятным, многоразовым и может быть протестирован как единое целое без использования какой-либо реализации Selenium (например, Protractor). При поиске способов тестирования компонентов вы, вероятно, встретите два основных широко используемых подхода. Первый - протестировать контроллер без..
Обучение React без использования React.
Более месяца назад наша удаленная команда интерфейсных разработчиков посетила наш офис в Хьюстоне для встреч, социальных мероприятий и обмена знаниями. Эта команда обычно работает на сайтах WordPress , используя PHP, HTML, SASS / LESS / CSS . Я хотел познакомить их с React . , поскольку он был основой наших основных приложений в течение 2 лет . Возможно, вы заметили, что в наши дни обозначения «интерфейс» и «бэкэнд» в нашей команде все менее и менее уместны. Front-end обычно..
Метод жизненного цикла компонентов React
React — это популярная библиотека JavaScript, которая позволяет создавать многоразовые и интерактивные компоненты пользовательского интерфейса. Понимание жизненного цикла компонентов React является важной частью создания надежных приложений React. Жизненный цикл компонента React — это набор методов, которые вызываются при создании, обновлении или удалении компонента. В этом сообщении блога мы обсудим методы жизненного цикла компонентов React и приведем пример, иллюстрирующий их работу...
Использование ref в React
Людям, приходящим в React, потратив много времени на jquery или ванильный javascript, придется пройти несколько болезненных этапов обучения. Одна вещь, которая стоит в верхней части списка, заключается в том, что мы не должны использовать глобальные селекторы, такие как document.querySelector () или document.getElementById (). Ваше приложение для реагирования может по-прежнему работать с этими глобальными селекторами, но это считается плохой практикой с наивысшим рейтингом. Почему? Как..