Публикации по теме 'react'
5 мощных паттернов для более чистого и удобного кода React
Используйте эти мощные шаблоны, чтобы вывести свой код React на новый уровень, независимо от того, являетесь ли вы новичком или разработчиком React среднего уровня.
Введение: 5 мощных паттернов для кода React
5 лучших практик для обработки структуры состояний в React
Пять лучших практик, которые помогут хорошо структурировать состояние
Когда мы пишем в React компонент, который содержит какое-то состояние, нам придется выбирать, сколько переменных состояния мы хотим и как его структурировать.
Хотя можно написать работающий код даже со стандартной структурой состояний, вот несколько шагов, которые помогут вам сделать лучший выбор.
1. Связанное с группой состояние
Если две переменные состояния изменяются вместе, рекомендуется объединить их в..
Обработка статических изображений
Обработка статических изображений
Всегда храните свои изображения ( .jpg или .png ) в одной папке и указывайте их путь (путь к ресурсу), чтобы идентифицировать их по имени и получать к ним доступ из любого места. «Я видел, как большинство людей используют описанный ниже подход. Это неправильный способ сделать.
<Image source={require(‘../assets/images/someX.png’)}
resizeMethod="contain"
style={{height:200}} />
Вместо этого сохраните все свои..
Как 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.
Они запускаются раньше времени и исключаются из вашего пакета..