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


Как безопасно развернуть приложение MERN
Всем нам знакомо чувство завершения проекта. Но перед развертыванием приложения необходимо помнить о некоторых вещах. В этой статье я расскажу вам, что можно и чего нельзя делать, чтобы вы не раскрыли свои секреты и не поставили под угрозу безопасность вашего проекта. 1.Всегда используйте модуль dotenv для хранения секретов и конфигураций API. Когда мы впервые запускаем проект, не кажется очень важным хранить конфигурацию API и секреты (ключи) в отдельном файле, поэтому мы храним..

Как интегрировать Google Maps в ваше приложение React
Это будет поэтапный процесс встраивания карт Google в ваше приложение. Этот процесс предполагает, что у вас уже запущено приложение React и что вы находитесь в требуемом каталоге этого приложения. Шаг первый. Во-первых, нам нужно импортировать необходимые зависимости для настройки карты. npm i react-google-maps Шаг второй. Далее нам понадобится ключ API. Для этого вам нужно будет создать учетную запись для использования консоли Google Cloud Platform и настроить платежную..

Воссоздание редукса
У меня был профессор, который однажды сказал; вы не сможете полностью понять алгоритм, пока не научитесь кодировать его самостоятельно. Это первая часть цикла статей, где мы последуем его мудрому (но, возможно, не совсем верному) совету. Мы изучим некоторые из самых популярных инструментов, используемых в современной фронтенд-разработке, воссоздав их с нуля. В следующих статьях будут описаны реализации инструментов объединения модулей, тестовые платформы и рендеринг на стороне сервера...

React- useCallback слишком часто делает недействительными на практике
Что такое проблема №14099 в репозитории React и как она влияет на вас? Зачем вообще нужен useCallback? В официальной документации useCallback сказано: «Это полезно при передаче обратных вызовов оптимизированным дочерним компонентам, которые полагаются на равенство ссылок, чтобы предотвратить ненужную визуализацию» В следующем примере PureHeavyComponent будет повторно отображать каждый раз , когда компонент Parent повторно отображается, хотя PureHeavyComponent..

Пристальный взгляд на реактивное волокно
Пристальный взгляд на реактивное волокно Все знают, что react-fiber будет включен в следующий релиз React, и Facebook уже использовал его в своей продукции. Итак, давайте подробнее рассмотрим, что такое react-fiber, зачем он нам нужен и, что более важно, как он влияет на наше существующее приложение react. Прежде чем мы начнем, что означает даже волокно? Удивительно, но в информатике есть термин волокно . В компьютерных науках файбер — это особенно легкий поток исполнения. Как..

Реагировать на хуки и асинхронные экспресс-запросы API
Немного опоздал на вечеринку, но я недавно (как и вчера) изучил хуки, которые были введены в реакцию, начиная с версии 16.8. В настоящее время я работаю над проектом Javascript MERN и хотел использовать эти новые хуки спереди и общаться с экспресс-сервером сзади. Я подумал, что было бы неплохо быстро пройтись по моему пониманию хуков реакции, в частности useState и useEffect, и того, как я успешно реализовал их (возможно, не самым чистым способом) в моем текущем проекте. (Примечание: это..

Как управлять своим приложением React с помощью голоса
Создавайте голосовые интерфейсы с помощью API распознавания речи Chrome. Несколько месяцев назад я написал статью о Распознавании речи в Интернете с помощью TensorflowJS . Несмотря на то, что это было очень интересно реализовать, многим из вас было слишком громоздко расширять его. Причина была довольно простой: требовалось обучить модель глубокого обучения, если вы хотите обнаруживать больше слов, чем предоставленная мной модель, которая была довольно простой. Для тех из вас, кто..