Публикации по теме 'react'
Раскрытие возможностей геолокации JavaScript: повышение пользовательского опыта до новых высот!
Геолокация — это мощная функция, которую можно использовать для улучшения взаимодействия с пользователем в веб-приложениях. Используя API геолокации в JavaScript, разработчики могут получать информацию о местоположении пользователя и предоставлять услуги на основе определения местоположения. Вот несколько способов использования геолокации JavaScript для улучшения взаимодействия с пользователем. Конечно, ваш браузер должен разрешить активности использовать ваш GPS, и как только вы..
Понимание JSX
В мои первые дни (React), после просмотра нескольких примеров, я использовал jsx и выполнил свою работу. Но потребовалось некоторое время, чтобы освоить концепцию. И в процессе есть моменты «ага», которыми я сейчас поделюсь.
Петля
Одним из наиболее распространенных и частых случаев использования является циклический просмотр массива данных и их рендеринг.
<ol>
{
data.map(item => <data key={item.id}> {item.label}</data>)
}
</ol>
Это выглядит довольно..
Легко загружать в React элемент HTML в виде изображения
Много раз на наших сайтах нам нужно сделать кнопку доступной для пользователей, чтобы они могли загружать содержимое страницы. Иногда нам нужно загрузить таблицу, график или, в более общем случае, элемент div. с нашей страницы.
В этом руководстве мы обсудим, как в проекте React это можно будет сделать через библиотеку html2canvas .
Вы готовы? Следуйте за мной шаг за шагом и в конце статьи дайте мне знать, что вы думаете 🫶
Подготовка нашей среды
Для создания нового..
Реагировать на SVG-сервер
В прошлом мы обращались к иконочным шрифтам, а в последнее время — к спрайтам SVG. Github сделал отличный репортаж об их преобразовании из иконочных шрифтов и о том, как они пришли к решению встроить все свои svg по всему сайту.
Сегодня на css-tricks Сара Драснер написала замечательную статью о создании системы иконок SVG с помощью React. Ее метод также встраивает все svg прямо на страницу. В одном из комментариев к статье указывалось на тот факт, что если бы у вас был список,..
Веб-производительность на MoVe!
Проект Motors Vertical (MoVe) от eBay - это мобильная площадка объявлений для продажи и покупки автомобилей на разных рынках. Команда из Берлина запустила пилотный веб-сайт в Канаде на kijijiautos.ca .
Вызов
Более 60% трафика на kijijiautos.ca поступает от пользователей мобильных устройств и планшетов, поэтому нам нужен производительный и отзывчивый веб-сайт, предлагающий те же функции, что и настольная версия. Но также функция, которая используется только на одном рынке, не должна..
Приложение My Todo List с использованием React Js
Приведенное выше приложение Todo list демонстрирует несколько важных концепций React, некоторые из которых включают в себя; управление состоянием, обработка событий и рендеринг компонентов. Прочитайте, пока я расскажу вам об этих концепциях и о том, как они составили простое (минималистическое) приложение Todo List, которое вы видите выше.
Пс. Нажмите здесь 🚀, чтобы открыть приложение, и нажмите здесь , чтобы просмотреть репозиторий GitHub.
Государственное управление
React —..
Как выполнять разработку через тестирование в React с использованием библиотеки тестирования React, Jest и Cypress
Что такое разработка через тестирование?
Test Driven Development или TDD для краткости — это, по сути, процесс, через который проходят разработчики и команды, когда они тестируют свой код. Кодирование, проектирование и тестирование объединяются вместе, и создаются тестовые примеры, чтобы гарантировать, что код был тщательно протестирован, а любые ошибки или ошибки были устранены на этапе разработки до того, как он достигнет производственного уровня.
Это считается хорошей практикой и..
Новые материалы
Обучение модели Keras с большим набором данных (пакетное обучение)
Привет народ!! В этом блоге я собираюсь обсудить очень интересную особенность Keras. При обучении любой модели глубокого обучения обязательным условием для получения хорошего результата..
Раскрытие возможностей сверточных нейронных сетей: обучение аутентификации изображений
1.0 ВВЕДЕНИЕ
В области анализа цифровых изображений насущной необходимостью стала разработка надежных методов, позволяющих отличить подлинные изображения от поддельных. С появлением сложных..
Изучение основных библиотек Python для науки о данных
В эпоху больших данных и информационной перегрузки способность извлекать значимую информацию из огромных наборов данных стала важнейшим навыком. Именно здесь в игру вступает наука о данных...
Легко загружать в React элемент HTML в виде изображения
Много раз на наших сайтах нам нужно сделать кнопку доступной для пользователей, чтобы они могли загружать содержимое страницы. Иногда нам нужно загрузить таблицу, график или, в более общем..
Запуск кластера Stable Diffusion на GCP с обслуживанием tensorflow (часть 1)
Часть 1. Настройка инфраструктуры с помощью Terraform
В первой части этого руководства, состоящего из двух частей, мы научимся создавать кластер Kubernetes, который развертывает модель Stable..
Внедрение человечности в машинное обучение
Иногда мне хочется, чтобы прогресс в кодировании был хоть немного более полезным. Если использовать баскетбол — еще одно хобби всей моей жизни — для сравнения: когда я забиваю мяч, это гораздо..
Обнаружение выражений лица и поз с помощью машинного обучения
От обнаружения лица человека до доступа к устройствам или распознавания человека с помощью камер видеонаблюдения или прогнозирования стратегий в спорте путем определения ключевых точек поз или..