Статьи по теме react

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

После 10 лет веб-разработки, время переосмыслить, перейти от PHP к Node, jQuery to React

Сделать это было непросто. У меня была хорошо оплачиваемая работа по кодированию нескольких проектов с использованием традиционных стеков LEMP. Я работал в отличной компании с людьми, которые мне нравились, продвигался по служебной лестнице и был уверен в своих силах. Как найти дополнительную мотивацию для изучения новых инструментов с учетом стресса и времени на клавиатуру, необходимого для работы на полную ставку? Ответ для меня не является чем-то необычным для программистов. Я..

Prop-Drilling в react.js

Жизненно важным компонентом React.js является Prop-Drilling. React.js — популярная библиотека для создания пользовательских интерфейсов. Одной из его сильных сторон является способность управлять состоянием, что обеспечивает динамичный и интерактивный пользовательский интерфейс. Однако по мере увеличения размера и сложности приложений управление состоянием и передача данных между компонентами могут стать проблемой. Вот тут-то и пригодится опорное сверление. Prop-drilling — это..

Создание приложения React с нуля.

React не «просто работает» из коробки. Он использует ключевые слова и синтаксис, которые нода (начиная с версии 9.3.0, которую мы используем для этого руководства) еще не совсем догнали. Для этого требуется довольно много настроек, которые могут быть громоздкими, и Facebook предоставил опцию, которая упрощает запуск приложения React. Зачем заморачиваться, да? Дело в том, что create-react-app абстрагирует от вас многое из того, что заставляет приложение React работать — по крайней..

Шпаргалки, которые всегда экономят мое время при веб-разработке 🚀

Эта шпаргалка содержит полезные примеры кода и инструменты разработчика, генераторы разметки и многое другое на одной странице. Это полезное краткое руководство для тех, кто уже умеет работать с этими языками. 2. Шпаргалка по CSS — Эта шпаргалка содержит свойства CSS, генераторы теней для текста, палитру цветов и некоторые общие фрагменты кода. 3. Сетка - Это не только экономит время, но и спасает жизнь, потому что всякий раз, когда я работаю с сеткой, большую часть времени мне..

Приложение WebRTC Client Chat с использованием React

В этой статье я расскажу о создании чат-клиента WebRTC с использованием React. В этой статье используется схема взаимодействия, описанная в этом блоге , и взаимодействие с сигнальным сервером, описанное в этом блоге . Постановка задачи Приложение WebRTC Chat с использованием React, Используя сигнальный сервер, как описано в этом блоге , Решение высокого уровня Решение высокого уровня состоит в том, чтобы реализовать сигнальный поток, как описано в этом блоге . Ниже..

Реквизит и состояние в React

Реквизит и состояние в React React понравился мне, когда я начал думать об HTML-элементах как о компонентах, а атрибуты для этих элементов — как о свойствах. Вместо дерева DOM вы получите дерево компонентов React с аналогичной структурой и аналогичной семантикой, и вы сможете передавать данные или конфигурацию этим компонентам с помощью свойств. Состояние в основном полезно для двух вещей: Данные частного компонента, которые могут иметь отношение к текущей конфигурации компонента,..

Как вы можете использовать хук useRef()

Хук useRef() — довольно распространенный хук в React, но многие используют его неправильно. В этой статье я расскажу как об особенностях хука useRef(), так и о том, как вы можете начать использовать его в своих приложениях! Функция 1: не вызывает повторную визуализацию Давайте создадим простое приложение React, которое подсчитывает, сколько раз наше приложение отрисовывается с помощью хука useState(). Проблема с этой веб-страницей заключается в том, что каждый раз, когда..