DevGang
Авторизоваться

Подводные камни чрезмерного использования контекста React

По большей части, React и State идут рука об руку. По мере роста вашего приложения React управление состоянием становится все более и более важным.

С React 16.8 и введением хуков React Context API заметно улучшился. Теперь мы можем комбинировать это с хуками для имитации react-redux; некоторые люди даже используют его для управления всем состоянием приложения. Однако у React Context есть некоторые подводные камни, и чрезмерное использование может привести к проблемам с производительностью.

Все, что вам нужно знать о react-scripts

В прошлом создание приложения React было болезненным процессом. Вам пришлось пройти через множество настроек, прежде чем вы могли запачкать руки и развить что-то осмысленное.

Начало работы с Postgres в вашем приложении React

Разработчики внешнего интерфейса обычно не должны понимать процесс получения, записи и удаления информации. Это работа для разработчиков бэкэнда.

5 основных библиотек для вашего следующего приложения React 

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

Обработчики событий в React 

Как определить, какое действие будет предпринято при каждом событии

Контролируемые и неконтролируемые компоненты в React 

Фото Nik Shuliahin на Unsplash
Фото Nik Shuliahin на Unsplash

React - это библиотека JavaScript для создания пользовательских интерфейсов. Если вы нажали, чтобы прочитать этот пост, вы, возможно, уже знаете, что React это все о компонентах. 

Как обслуживать приложения React с помощью NGINX и Docker 

Фото Джереми Томаса на Unsplash
Фото Джереми Томаса на Unsplash

Существует так много способов, которыми мы можем создавать приложения React и отправлять их в производство. Одним из способов является сборка React с NodeJS или Java, а другой способ - сборка приложения React и подача этого статического контента на веб-сервер NGINX. Когда мы строим с NGINX и докером, нам не нужно иметь дело с временем выполнения сервера или кодом, связанным с сервером. NGINX все, что нам нужно, чтобы собрать приложение для prod и обслуживать сгенерированный статический контент на сервере.

В этом посте мы увидим подробности и реализацию второго подхода. Мы пройдем шаг за шагом с примером.

Использование React Hooks в Gatsby

JavaScript рассматривает функции как первоклассных граждан. И мы можем увидеть это в React сейчас больше, чем когда-либо с введением Hooks в версии 16.8 Они учитывают манипуляции с состоянием и побочные эффекты на функциональные компоненты.

По своей сути, Gatsby использует ванильный React со всеми его функциями. Таким образом, это означает, что хуки доступны для использования с простым объявлением import. Давайте посмотрим на некоторые из способов, которыми мы можем воспользоваться ими.

styled-components, современный способ обработки CSS в React 

У большинства библиотек есть жизненный цикл. Они растут в популярности, а затем они заменяются лучшим решением.

Одна из библиотек на пике популярности - 💅 styled-components.

Как написать тестируемый код | Методология Халила 

Понимание того, как писать тестируемый код, является одним из самых больших разочарований, которые у меня были, когда я закончил школу и начал работать на своей первой реальной работе.

Присоединяйся в тусовку

Поделитесь своим опытом, расскажите о новом инструменте, библиотеке или фреймворке. Для этого не обязательно становится постоянным автором.

Попробовать

В этом месте могла бы быть ваша реклама

Разместить рекламу