Блог JavaScript

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

Ключи в React.js помогают идентифицировать, какие конкретно элементы были изменены/добавлены/удалены. Ключи задаются элементам внутри массива, при этом элементам предоставляются постоянные идентификаторы.

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

Ранее мы уже рассказывали про такие методы, как util.inspect() и util.format(), однако незаслуженно обошли вниманием метод util.inherits(). Давайте исправим эту ошибку.

Использование React.js — прекрасный способ создания одностраничного приложения. В целом это достаточно удобный и гибкий фреймворк, позволяющий как добавлять компонент на уже существующий веб-сайт, так и создавать новый сайт, причем с нуля. В этой статье собраны некоторые практики, которые помогут вам стать продвинутым React-разработчиком.

Util.format() получает строку, подставляя в нее указанные вами параметры. Давайте посмотрим, как это работает.

Когда вы используете CRA (create react app) либо Next.js, вы должны иметь готовый конфигурационный файл webpack. Он создаст одиночный файл (бандл), который и будет содержать все ваше приложение.

Одним из часто используемых модулей Node.JS является модуль util. В этой заметке мы рассмотрим встроенный в этот модуль метод util.inspect().

С помощью контекста вы можете передавать данные посредством дерева компонентов, в результате чего вам не придется передавать свойства на каждом уровне вручную. А это значит, что контекст стоит использовать чаще.

Очень часто при работе с React.js у нас на руках оказывается множество компонентов, которые надо оборачивать в div. Все дело в том, что render() позволяет нам вернуть лишь один компонент. А это значит, что мы добавляем в документ лишний элемент HTML. Что тут можно посоветовать?