От автора: в этой главе мы расскажем о React js API. Мы рассмотрим три метода: setState(), forceUpdate и ReactDOM.findDOMNode(). В новых классах ES6 мы должны вручную привязать их. Мы будем использовать в примерах this.method.bind(this).

Читать далее →

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

Читать далее →

От автора: основное различие между состоянием и свойством заключается в том, что свойства компонента неизменны. Вот почему компонент контейнера должен определять состояние, которое может быть обновлено и изменено, тогда как дочерние компоненты должны передавать данные из состояния только с помощью свойства.

Читать далее →

От автора: в React состояния — это места, откуда поступают данные. Мы всегда должны стараться максимально упростить состояние и свести к минимуму количество компонентов состояния. Если у нас есть, например, десять компонентов, которым нужны данные из состояния, мы должны создать один компонент контейнера, который будет сохранять состояние для всех.

Читать далее →

От автора: в этой главе мы рассмотрим, как объединить в React js компоненты, чтобы упростить поддержку приложения. Этот подход позволяет обновлять и изменять компоненты, не затрагивая остальную часть страницы.

Читать далее →

От автора: в этом руководстве мы расскажем, как создать простой статический блог с помощью React, Gatsby JS и Cosmic JS. Gatsby — это инструмент, который позволяет создавать статические HTML-страницы (рендеринг на стороне сервера), обеспечивающие огромный прирост производительности для веб-приложений..

Читать далее →

От автора: начинать с новой технологии может быть довольно хлопотно. Вы обычно окружаете себя морем учебников и статей, за которыми следуют миллионы личных мнений. И каждый утверждает, что они нашли «правильный и совершенный путь». Это оставляет нам дискуссию о том, будет ли наш выбранный учебник пустой тратой времени или нет.

Читать далее →

От автора: недавно мой друг-разработчик рассказал мне о новом проекте электронной коммерции для клиента. «Мне бы нравилось использовать приложение React.js, если бы не было всех этих проблем SEO». Я думал, что уже убедил его в своем предыдущем посте на Vue.js о том, что SEO с JS-фреймворками управляем.

Читать далее →

От автора: в последнее время вы, возможно, задумывались над тем, что React Context у всех на слуху и что это может означать для вас и ваших сайтов на React. До Context, когда управление состоянием становилось сложнее, чем позволял сделать функционал setState, вам, вероятно, приходилось использовать стороннюю библиотеку. Благодаря недавним обновлениям команды Awesome React, у нас теперь есть Context, который может помочь в решении некоторых проблем управления состоянием.

Читать далее →

От автора: в React JS material-ui — это часть Material Design. Material Design — это язык дизайна, впервые представленный Google в 2014 году. Это визуальный язык, который использует макеты на основе сетки, гибкую анимацию и переходы, дополнения и эффекты глубины, такие как освещение и тени. Цель Material Design сводится к трем вещам: Создание, Унификация и Настройка.

Читать далее →