Публикации по теме 'react'
Понимание JSX: ключ к созданию динамических веб-приложений
Когда дело доходит до разработки динамических веб-приложений, JavaScript уже давно является предпочтительным языком. Однако работа только с JavaScript иногда может быть громоздкой, особенно когда речь идет об управлении и обновлении DOM (объектной модели документа). Здесь на помощь приходит JSX. JSX — это расширение JavaScript, которое позволяет вам писать HTML-подобный синтаксис непосредственно в вашем коде JavaScript, упрощая создание и управление динамическими компонентами..
Обработка загрузки файла в Reactjs
Во многих реальных сценариях мы требуем, чтобы от пользователя загружались файлы различных типов. В сегодняшнем руководстве мы рассмотрим базовую загрузку файлов с помощью reactjs.
Итак, приступим:
Мы собираемся внести изменения в компонент uploadScreen, который мы создали в руководстве по входу здесь . Нам потребуются модули npm response-dropzone и material-ui для обработки загрузки файлов и разработки пользовательского интерфейса приложения. Установите их, запустив следующую..
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 .
Это помогает командам обмениваться, сотрудничать и повторно использовать компоненты в разных командах и проектах, чтобы ускорить и стандартизировать разработку и проектирование компонентов. На стороне разработки компоненты превращаются в изолированные строительные блоки, которые ваша команда может создавать, тестировать, публиковать, устанавливать и даже обновлять из..