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


Как Recoil взволновал меня по поводу будущего государственного управления в React
Введение в Recoil Вселенная, связанная с фронтенд-разработкой и особенно фронт-энд-разработкой на React, становится все более интересной с каждым днем. Примерно месяц назад программное обеспечение Facebook предоставило открытый исходный код новой библиотеки управления состоянием для React. инженер Дэйв МакКейб. Правильно, ребята, нового парня в блоке зовут Recoil . Он пришел прямо из кухни React и, похоже, здесь надолго. Довольно интересно, правда? Если вы неравнодушны к React,..

Спасибо Даниэлю Брэйну за это прекрасное чтение!
Спасибо Дэниелу Брэйну за прекрасное чтение! Я не мог не подумать, что вам, вероятно, стоит проверить Bit и bit.dev . Это помогает командам обмениваться, сотрудничать и повторно использовать компоненты в разных командах и проектах, чтобы ускорить и стандартизировать разработку и проектирование компонентов. На стороне разработки компоненты превращаются в изолированные строительные блоки, которые ваша команда может создавать, тестировать, публиковать, устанавливать и даже обновлять из..

Настройте свою среду для 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() {..