От автора: основное различие между состоянием и свойством заключается в том, что свойства компонента неизменны. Вот почему компонент контейнера должен определять состояние, которое может быть обновлено и изменено, тогда как дочерние компоненты должны передавать данные из состояния только с помощью свойства. Использование свойства Когда нам нужны в компоненте неизменные данные, мы можем просто добавить свойство в функцию reactDOM.render() в файле ...

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

От автора: в этом руководстве мы расскажем, как создать простой статический блог с помощью React, Gatsby JS и Cosmic JS. Gatsby — это инструмент, который позволяет создавать статические HTML-страницы (рендеринг на стороне сервера), обеспечивающие огромный прирост производительности для веб-приложений.. TL;DR Блог Gatsby Блог базы кода Gatsby Gatsby QuickStart Демо-версия Необходимые ресурсы Перед запуском вам понадобятся NodeJS, npm и Gastby CLI. ...

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

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

От автора: использование Voronois, однопроходного рендеринга и компонентов canvas для потрясающего UX. Итак, вы начали делать визуализацию данных с помощью react-vis, вы создали свои собственные диаграммы, возможно, вы прочитали замечательное введение Shyianovska Nataliia Data Visualization с react-vis или, возможно, даже построили панель управления. Пришло время изучить способы обработки больших объемов данных и обработки более сложных взаимодействий пользовательского интерфейса. В ходе ...

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

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

От автора: как и при изучении любых других инструментов разработки, в случае с React JS основы необходимо понять в первую очередь. ReactJS — это библиотека JavaScript, используемая для создания многократно используемых компонентов пользовательского интерфейса. В официальной документации React дается следующее определение: React — это библиотека для создания пользовательских интерфейсов. Он поощряет создание многократно используемых компонентов пользовательского интерфейса, представляющие данные, которые ...

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