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


Как написать действительно важные модульные тесты?
Мы все были там. Я имею в виду разработчиков. Вы закончили свои модульные тесты, и теперь пора проверить покрытие кода. Отлично. Выше 80% результат выглядит неплохо… Но так ли? Вы говорите себе: хорошо, я достиг цели отраслевого стандарта, я читал где-то , теперь я могу провести все те фантастические тесты, которые будут нашими хранителями для будущих рефакторов, и все будут счастливы, что они у нас есть. Но что, если бы вместо этого вы спросили себя: «Создал ли я тесты только..
Создание приложения для поиска фильмов с помощью React
На сегодняшний день я думал, что мы можем создать приложение с помощью React, и поскольку люди из группы Chingu , в которой я работаю, работают над созданием приложения для поиска книг, я решил создать нечто подобное. Я также хотел избежать создания одного и того же приложения, поскольку я бы испортил их, написав эту статью. ^ _ ^ Итак ... Мы собираемся создать приложение для поиска фильмов ! : D Ниже вы можете увидеть дизайн карточки фильма, который мы собираемся использовать в..
Как создать интерактивную кольцевую диаграмму с помощью SVG
В этом посте мы создадим кольцевую диаграмму SVG с интерактивными фрагментами/частями. Я начну с объяснения проблемы с наиболее распространенным способом реализации кольцевой диаграммы SVG (используя stroke-dasharray и stroke-dashoffset ). Затем мы поговорим о новом способе сделать это, я подробно рассмотрю математику и использование SVG, и мы, наконец, реализуем решение с помощью React и Angular. Проблема с реализацией stroke-dasharray Саломон Бакис рассказывает об этом в..
Тестирование приложения React: настройка всего
Введение Вторая часть моей продолжающейся серии статей о том, как использовать более современный подход к тестированию приложения React. В прошлый раз я рассмотрел инструменты, которые предпочитаю использовать. 🔨 Первая часть здесь . Cypress для сквозного тестирования Vitest для модульного тестирования MSW за насмешку над нашими сервисами В этом посте я расскажу, как все установить, прежде чем приступить к тестированию. Когда вы только начинаете тестировать, это может..
Зачем нам промежуточное ПО в Redux для вызовов асинхронных запросов?
В Redux хранилище — это единственный источник правды, в котором хранится состояние вашего приложения. Когда действие отправляется в хранилище, оно проходит через ряд промежуточного программного обеспечения, прежде чем достичь редуктора. Функции промежуточного программного обеспечения — это функции, которые запускаются до или после отправки действия редюсеру. Они могут выполнять дополнительные действия, такие как ведение журнала, обработка асинхронных запросов и изменение действия до..
React isMobile isTablet isDesktop Custom Hook: универсальное решение для адаптивной веб-разработки
Понимание адаптивного веб-дизайна Необходимость в адаптивных веб-приложениях Введение в React и хуки Что такое isMobile, isTablet и isDesktop? Создание пользовательского хука Реализация хука isMobile Реализация хука isTablet Реализация хука isDesktop Тестирование и проверка пользовательского перехватчика Лучшие практики использования пользовательского перехватчика Реальные примеры и варианты использования Вопросы производительности Заключение Часто задаваемые вопросы (часто..
Первый взгляд: React Native NavigationЭкспериментальная часть 1
NavigationExperimental больше не является предпочтительным методом навигации в React Native и скоро будет устаревшим. Я бы посоветовал проверить React Navigation , поскольку это текущий стандарт и мой предпочтительный метод навигации. Чтобы поближе познакомиться с NavigationExperimental, ознакомьтесь с NavigationExperimental In Depth . Чтобы увидеть вторую часть, реализацию с redux, нажмите здесь . Чтобы увидеть третью часть, реализацию с вкладками и сокращением, нажмите здесь..