Публикации по теме 'react'
Магия сервис-воркеров с Workbox и Preact
TL; DR;
Service Workers - это удивительное новое достижение в браузере, которое играет ключевую роль в создании прогрессивных веб-приложений.
Workbox - это супер-инструмент, который поможет вам создать сервис-воркера.
Preact - это фантастический тонкий фреймворк на основе React, который является отличным выбором для создания PWA из-за его небольшого веса и встроенной поддержки PWA.
Preact CLI
Самый простой способ начать работу с Preact - использовать preact-cli . Вам..
Лучшая читабельность: имя/комментарий функции деструктора, возвращаемой обратным вызовом useEffect.
Недавно я столкнулся со случаем, когда какой-то обработчик событий на странице неправильно отписался из-за кучи ошибок. В ответ на мою предыдущую статью https://medium.com/@liunate/1-second-refactoring-readability-and-maintainability-by-naming-your-function-e-g-react-useeffect-77c7a92d37aa я обнаружил, что это также полезно назвать вашу функцию обратного вызова деструктора/отписки, возвращаемую вашим обратным вызовом useEffect.
Например:
useEffect(function listenToKeyStroke() {..
Современная разработка через тестирование с помощью TypeScript и Redux Slices
Протестируйте свое приложение React и сделайте его пуленепробиваемым.
Одной из самых важных, но наиболее игнорируемых практик в гибкой разработке программного обеспечения является модульное тестирование. За свою карьеру я работал со многими инструментами и языками, но не нашел ни одного, который позволял бы так же легко тестировать ваш код, как в TypeScript/JavaScript. Как фронтенд-инженеры, мы обязаны убедиться, что как можно больше кода покрыто каким-либо модульным тестом. Помимо..
Правильный способ тестирования компонентов React
Сейчас существует большая путаница относительно «правильного» способа тестирования компонентов React. Следует ли писать все тесты вручную или использовать только снимки состояния, или некоторые из них? Стоит ли тестировать реквизит? Состояние? Стили / макет?
Я не думаю, что есть один «правильный» путь, но я нашел несколько шаблонов и советов, которые действительно работают для меня, и я хотел бы поделиться ими.
Обновление, февраль 2019 г. : в этом сообщении описывается метод..
10 причин использовать React Native для разработки мобильных приложений
Почему стоит выбрать React Native?
В наш век цифровых технологий всем пользователям нужна быстрая информация, и большинство компаний хотят предоставить своим пользователям лучший опыт работы с мобильными приложениями. Существует так много фреймворков для разработки мобильных приложений, и React Native — один из них.
React Native — это кроссплатформенная среда разработки мобильных приложений, такая как PhoneGap, которая используется для создания обширного приложения для смартфонов..
Проекты JavaScript для обучения Node и React
Проекты JavaScript для обучения Node и React
Итак ... вы, вероятно, потратили много времени на просмотр видеоуроков и копирование кода из статей, но пробовали ли вы создать собственный проект?
Присоединяйтесь к Сообществу Degreeless Developer
Изучение синтаксиса языка - это в некоторой степени легкая часть, собрать все это воедино - задача и, на мой взгляд, лучшая и самая полезная часть. Ниже я составил список возможных проектов, над которыми вы можете работать, чтобы вы могли..
Разница между JS и JSX
JS (JavaScript) — это язык программирования, который используется для создания динамических интерактивных веб-страниц и веб-приложений. Он обычно используется для сценариев на стороне клиента, когда код запускается в веб-браузере пользователя.
JSX, с другой стороны, представляет собой расширение синтаксиса для JavaScript, которое используется с платформой React. Это позволяет разработчикам писать HTML-подобный синтаксис непосредственно в коде JavaScript, который затем компилируется в..
