Единственные два пользовательских перехватчика React, которые мы действительно используем

Если я чему-то научился, будучи приклеенным к редактору кода в течение (вероятно, слишком многих) лет, так это тому, что самый простой подход почти всегда лучший. 1. В случае современной фронтенд-инженерии и особенно React, вы можете свести все к двум простым концепциям … Визуализация текущего состояния Обновление состояния На самом деле это немного сложнее. Вам часто…

Как создавать потрясающие 3D-сцены с помощью React Three Fiber

15 ноября 2021 года WebGL — волшебный соус за Solar Storm, аудио-реактивным музыкальным видео который отображается в браузере. После долгих лет возни с Three.js, WebGL наконец-то нашел меня благодаря React Three Fiber. Это потому, что я мог использовать знакомые концепции — компоненты, свойства, хуки и состояние — и перенести свои навыки разработки приложений в трехмерную…

Мемоизация в React: простое введение

Существует множество методов оптимизации, которые вы можете использовать для повышения общей производительности ваших приложений React. Один из таких приемов — мемоизация. В этом руководстве вы узнаете, что такое мемоизация и как использовать мемоизация в React для оптимизации ваших приложений React. Простая мемоизация Мемоизация — один из методов оптимизации, используемых в программировании. Это позволяет сэкономить время…

Как использовать значки пользовательского интерфейса материалов в React

Введение в значки пользовательского интерфейса материалов в React Здравствуйте, Бонжур и Гутен Таг. Мы уже много раз говорили об этом и не устанем повторять, что при разработке проекта нет мелочей. Причина этого убеждения в том, что в современную цифровую эпоху вы не просто продаете свой продукт. Вы также продаете опыт, удобство и эмоции, потому что…

Используйте CSS-переменные вместо React Context

Я ехал на поезде CSS-in-JS в течение многих лет (я был даже значительным участник "движения"). Это круто. Я никогда не был таким продуктивным работы с CSS, чем когда я добавил к нему настоящий язык программирования. Я все еще поклонник CSS-in-JS, и в последние годы спецификация CSS претерпела изменения и значительно улучшились, и современные браузеры тоже…

Все о компонентах сервера React — Vercel

Когда дело доходит до создания приложения, лучшие разработчики добиваются трех вещей: отличное взаимодействие с пользователем, масштабируемость с течением времени и высокая производительность. Проекты часто жертвуют одним из них ради достижения двух других. Компоненты сервера React, анонсированные в конце 2020 года, помогут сократить компромиссы за счет включения большего количества функций при одновременном уменьшении количества JavaScript для…

10 лучших инструментов, которые должен использовать каждый разработчик React Native в 2020 году!

Для создания кроссплатформенных мобильных приложений доступно множество библиотек и фреймворков. Однако React Native всегда отдавался особое предпочтение из-за его скорости и эффективности. Если вы посмотрите на Google Trend, вы будете удивлены, узнав, что React Native сам по себе стал законодателем мод в разработке мощных мобильных приложений. React Native пользуется огромной популярностью среди разработчиков из-за количества…

Управление состоянием формы React с помощью Formik

Добро пожаловать в наше руководство по управлению состоянием формы React с помощью Formik. Элементы формы хранят свои значения в собственном внутреннем состоянии, что противоречит подходу React, основанному на состоянии. Чтобы заставить эти две вещи работать вместе, нам нужно более сложное решение, такое как использование контролируемых компонентов для каждого поля. Но у создания формы гораздо больше…