Публикации по теме 'react'
Настройте свою среду для Vite, React и Tailwind CSS
Эта статья призвана стать отправной точкой для создания новых веб-проектов с помощью Vite + React и Tailwind CSS. Всякий раз, когда вы чувствуете себя неуверенно, не пропустили ли вы что-то в своей настройке, это ваше руководство, к которому вы можете вернуться.
Хватит болтать — настройте свою рабочую среду
Зайдите в свою папку, где вы создаете свои проекты веб-разработки. Создать новую папку. Внутри этой папки создайте папку с именем client. Теперь у вас есть:..
Компоненты React Server и далее 13
Компоненты сервера React — это новая архитектура для компонентов React, на которой в значительной степени основан Next 13, особенно когда вы используете маршрутизатор приложений.
Примечания к компонентам сервера React
Есть несколько ключевых моментов, которые я нашел, читая эту запись в блоге из официального React, объясняющую, что такое серверные компоненты, и другие вещи, над которыми работает основная команда React.
Они запускаются раньше времени и исключаются из вашего пакета..
Совместное использование макетов с каталогом приложения Next.js 13
Узнайте, как делиться макетами с каталогом приложений Next.js 13.
Привет, мои коллеги, разработчики Next.js, пока я работал над своим побочным проектом, я заметил кое-что о новом каталоге приложений Next.js 13. Я подумал, что, поскольку маршруты могут совместно использовать макеты, что, если бы я мог совместно использовать макет для определенных маршрутов, не затрагивая URL-адрес? Я был уверен, что это невозможно, пока не посетил документацию и не нашел интересный раздел о группах..
Магия сервис-воркеров с 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 г. : в этом сообщении описывается метод..
