Содержание
что это за библиотека компонентов, для чего нужна
React.js — это библиотека для языка программирования JavaScript с открытым исходным кодом для разработки пользовательских интерфейсов. Она помогает быстро и легко реализовать реактивность — явление, когда в ответ на изменение одного элемента меняется все остальное.
Логотип React
У React открытый исходный код и мощное сообщество. Это одна из самых популярных библиотек для веб-разработки.
Кто пользуется React
React применяют фронтенд-разработчики. В модели MVC, название которой расшифровывается как Model-View-Controller, интерфейс — это View, представление, внешнее отображение, с которым взаимодействует пользователь, та часть сайта или приложения, которая видна человеку. Специалисты, которые с ней работают, в частности, используют React.js. Также с React могут работать верстальщики, тестировщики и другие специалисты, задействованные в создании веб-интерфейсов.
Для чего нужен React
React используют для создания одностраничных и многостраничных приложений, разработки крупных сайтов.
Например, с его помощью написан стриминговый сервис Netflix и реализованы новостные ленты крупнейших социальных сетей. Библиотека предназначена:
- для создания функциональных интерактивных веб-интерфейсов, работая с которыми, не нужно постоянно обновлять страницу;
- быстрой и удобной реализации отдельных компонентов и страниц целиком — элементы в React легко использовать повторно;
- легкой разработки сложных программных структур — их просто описывать, если использовать реализованный в React подход;
- доработки новой функциональности с любым изначальным стеком технологий: библиотека не зависит от остального инструментария и будет хорошо работать, на чем бы ни был написан код;
- разработки одностраничных и многостраничных приложений (SPA и PWA). Это приложения, которые функционируют как программы и веб-сервисы и имеют соответствующий интерфейс;
- работы с серверной частью сайта или разработки мобильных приложений. В таких случаях React используют совместно с инструментами, адаптирующими веб-технологии под другие цели.
Особенности библиотеки React
React имеет ряд особенностей, которые делают его гибким и мощным инструментом. Мы разберем некоторые из них.
Декларативность
Декларативный стиль означает, что достаточно один раз описать, как будут выглядеть результаты работы кода — элементы в разных состояниях. Ему не нужно фокусироваться на способах достижения результатов: большую часть задач выполнит библиотека. React.js будет автоматически обновлять элементы в зависимости от условий, главная задача — грамотно описать их. Удобный и понятный подход облегчает написание и отладку кода.
Виртуальное DOM-дерево
Любой веб-интерфейс основан на HTML-документе и CSS-стилях, к которым подключен код на JavaScript. Структура HTML-документа, точнее его модель, называется DOM-деревом (DOM расшифровывается как Document Object Mode, объектная модель документа). Это древовидная модель, в которой в иерархическом виде собраны все используемые на странице элементы.
Особенность React в том, что он создает и хранит в кэше виртуальное DOM-дерево — копию DOM, которая изменяется быстрее, чем реальная структура. Это нужно для того, чтобы быстро обновлять страницы. Если пользователь выполнит действие или наступит какое-либо событие, DOM должна измениться, так как изменятся объекты на странице. Но реальная объектная модель может быть огромной, ее обновление — медленный процесс. Поэтому React работает не с ней, а с виртуальной копией в кэше, которая весит меньше.
Когда происходит событие, из-за которого код должен обновить объект, изменение быстро отображается в виртуальном DOM. После этого обновляется реальная объектная модель. Для пользователя это значит, что изменения на странице отобразятся мгновенно, а не после долгой загрузки.
Обновление DOM по частям
Чтобы улучшить быстродействие, React обновляет DOM не полностью. Он хранит в памяти две облегченных копии: актуальную и предыдущую. Когда что-то обновляется, библиотека сравнивает версии между собой и изменяет только ту часть дерева, которая действительно поменялась.
Это нужно, чтобы не перезагружать DOM целиком и не замедлять страницу. Подход кажется сложным, но он важен для оптимизации загрузки.
Возможность повторно использовать компоненты
React основан на компонентах — отдельных элементах веб-интерфейса. Компоненты инкапсулированы, то есть самостоятельны: в каждом из них размещены все необходимые методы и данные. Подробнее про инкапсуляцию можно почитать в нашей статье про ООП: это один из ключевых критериев объектно-ориентированного подхода. В случае с компонентами React инкапсуляция также означает, что состояние элемента хранится в нем самом, а не в отдельном объекте.
Инкапсулированные самостоятельные компоненты можно использовать повторно, размещать в другом месте кода, в ином разделе или на другой странице. Данные можно переносить по всему приложению, использовать вне DOM конкретной страницы. Это ускоряет разработку и сокращает количество действий для создания функционирующего интерфейса. Благодаря отсутствию сложных зависимостей инкапсуляция также облегчает отладку.
Нисходящий поток данных
Компоненты могут передавать свойства и данные друг другу, но только в одном направлении — от «родительских» к дочерним. Это помогает реализовать четкую иерархию, облегчает отладку. Однонаправленный поток данных означает, что программист всегда может понять, откуда именно к элементу поступили данные.
Еще одна особенность потока данных — отсутствие возможности изменять свойства напрямую. Для этого существуют специальные callback-функции. Так называются части исполняемого кода, которые передаются от одного компонента другому в виде параметра функции. Это позволяет поддерживать стабильность: свойства оказываются неизменяемыми после создания, а callback-функция как бы пересоздает их. В результате использования коллбэков поток данных выглядит так: свойства и информация передаются сверху вниз, а события происходят снизу вверх.
Синтаксис JSX
JSX расшифровывается как JavaScript XML. Это расширение языка JavaScript, которое помогает описывать HTML-подобные элементы с помощью кода на React.
С помощью синтаксиса на React создают компоненты страницы и гибко управляют ими.
Несмотря на то что элементы похожи на HTML, это по-прежнему язык JavaScript с возможностью быстро и легко изменять DOM с помощью кода. И все же JSX воспроизводится как HTML: по сути разработчик описывает нужный компонент на языке разметки, а тот остается JavaScript-объектом с широкой функциональностью. Это удобно, упрощает программирование, но может запутать начинающих.
React Hooks
В старых версиях управлять состояниями можно было с помощью классов — специальных конструкций, о которых можно подробнее прочесть в статье про ООП. Сейчас в React.js есть поддержка хуков — так называются специальные функции-«крючки», которые «цепляются» за состояние элемента или за метод. Изменение состояния или вызов метода «тащит» за собой эти функции, и они автоматически выполняются — это помогает избежать использования классов, облегчает и упрощает написание кода.
В React есть встроенные хуки, но разработчик может создавать и собственные — это помогает повторно использовать код и уменьшить его количество.
React Developer Tools
Так как React.js — очень популярная технология, его создатели разработали бесплатные расширения для браузера с инструментами для проверки и отладки. Фронтендеры часто пользуются консолью и панелью разработчика в браузере, чтобы проверить, как работает их код. React Developer Tools облегчают задачу и расширяют возможности. Например, можно просматривать прямо в браузере компоненты с большим уровнем вложенности и не искать их в коде долгое время. React Developer Tools существуют для новых версий популярных браузеров Firefox и Google Chrome.
Преимущества React
Популярность
Это один из трех самых распространенных инструментов для фронтенд-разработки. Кроме него, популярны Vue.js и Angular, но первый пока не так распространен, а второй намного сложнее в изучении. Еще одна популярная технология — jQuery, но она постепенно уходит в прошлое. На React написано множество сайтов и приложений.
Ее используют такие крупные компании, как Яндекс, Uber, Сбербанк, Авито, BBC, Airbnb, Netflix и другие. Вакансий много, и они высоко оплачиваются даже на начальных уровнях.
Огромное сообщество
Это еще одно следствие популярности: React-разработчиков много, в том числе опытных, многие из них пишут туториалы и статьи, помогают новичкам влиться в процесс разработки. В ходе обучения начинающий всегда может обратиться на тематические ресурсы, где ему постараются помочь. Людей в сообществе хватает, можно получить ответы на большинство вопросов. Документация поддерживается и обновляется, существует в том числе на русском языке.
Развитая экосистема
Создатели React активно побуждали пользователей вкладываться в развитие проекта, и энтузиасты писали свои технологии для совместного использования с библиотекой. В результате сейчас сформировалась целая экосистема: десятки библиотек и других инструментов, которые можно использовать в разработке.
Это делает процесс проще и легче, позволяет решать огромное количество задач.
Простота создания
С помощью компонентов проекта можно быстро и легко собрать интерактивный, чутко реагирующий на любые изменения интерфейс сайта или приложения любой сложности. Это намного проще, чем прописывать реакции на всевозможные события вручную, и снижает количество ошибок. Так как компоненты можно использовать повторно в любом месте кода, задача становится еще легче. Например, для создания сложного многостраничного сайта или приложения не нужно многократно писать один и тот же компонент.
Реактивность
Это одно из ключевых преимуществ проекта, вынесенное в название. Библиотека реагирует на обновление компонента и автоматически отображает его изменения в дереве документа. Изменения могут происходить в ответ на действия пользователя, какие-то внешние перемены или другие события. В результате сайты и приложения становятся более привлекательными для пользователя.
Эффективность
Благодаря виртуальному DOM библиотека экономит ресурсы. Чтобы изменить состояние элементов, не нужно полностью перезагружать все DOM-дерево, лишний раз тратить трафик пользователя и нагружать браузер. Изменяются только конкретные элементы, это происходит через виртуальное DOM-дерево — сайты и приложения становятся «легче» и удобнее.
Высокая скорость
Сайты и приложения, написанные на React, быстрые и отзывчивые благодаря виртуальному DOM. Дерево занимает меньше места, быстрее обновляется.
Также ускоряется работа программистов. Компоненты легко создавать и переиспользовать, между ними уже продумана логика сообщения. Главная задача — грамотно описать состояния. Не нужно прописывать всю логику и принципы с нуля, это за разработчика уже сделали создатели React.
Удобная отладка
Ошибок с React бывает меньше, чем при написании кода на «чистых» языках без библиотек. Это происходит, потому что многое реализуется автоматически, соответственно, уменьшается влияние «человеческого фактора».
Но даже если при разработке программист допустил ошибку, ее довольно легко отследить и исправить благодаря четкой логике потока данных, дополнительным инструментам, понятному синтаксису. Код на React легко читать, понимать и отлаживать.
Запутанность синтаксиса
Технология JSX удобная и широко используется, но сначала она может вызвать сложности в изучении. Людям непривычно «смешивать» друг с другом HTML и JavaScript, поэтому в синтаксисе легко запутаться и ошибиться. Со временем путаница и ошибки проходят — к этой особенности нужно просто привыкнуть.
Неполное соответствие MVC
React отвечает только за часть View. Поэтому для реализации модели потребуется подбирать стек из разных технологий. React можно использовать практически с любым стеком.
Это одна из причин, по которой React иногда называют библиотекой, а не фреймворком: по одному из определений фреймворк должен позволять полностью реализовать ту или иную модель.
Трудности с SEO-оптимизацией
React-компоненты намного сложнее оптимизировать в рамках SEO.
SEO — это поисковая оптимизация, проработка сайта таким образом, чтобы он соответствовал требованиям поисковых систем. Если сайт находится на первой странице поиска по тематическим запросам, его посетят больше пользователей.
Чтобы поисковая система «заметила» сайт, страницы должен проиндексировать поисковый робот. Роботу проще индексировать HTML. React-компоненты, написанные на JavaScript, индексируются тяжелее и медленнее, поэтому страницы сложнее оптимизировать.
Как начать пользоваться React
Для начала новичку нужно на достаточном уровне изучить JS. Кроме «чистого» JavaScript, React поддерживает TypeScript. Но для работы с React знать TypeScript необязательно.
После изучения JavaScript новичок может начинать работу с проектом. У официального сайта есть русская версия, на ней подробно описаны способы, как это можно сделать. Можно воспользоваться онлайн-песочницей или подключить документ с библиотекой к страницам сайта — для тренировки и обучения подойдет любой вариант.
На ранних этапах начинающему разработчику может хватить новых версий документации на русском языке. Чтобы получить полноценную практику и глубоко изучить библиотеку, потребуется помощь наставника.
Что такое ReactJS
Назад
React (иногда React.js или ReactJS) — JavaScript-библиотека с открытым исходным кодом для разработки пользовательских интерфейсов.
React разрабатывается и поддерживается Facebook, Instagram и сообществом отдельных разработчиков и корпораций.
React может использоваться для разработки одностраничных и мобильных приложений. Его цель — предоставить высокую скорость, простоту и масштабируемость. В качестве библиотеки для разработки пользовательских интерфейсов React часто используется с другими библиотеками, такими как Redux.
Особенности
Однонаправленная передача данных
Свойства передаются от родительских компонентов к дочерним.
Компоненты получают свойства как множество неизменяемых (англ. immutable) значений, поэтому компонент не может напрямую изменять свойства, но может вызывать изменения через callback функции. Такой механизм называют «свойства вниз, события наверх».
Виртуальный DOM
React использует виртуальный DOM (англ. virtual DOM). React создает кэш структуру в памяти, что позволяет вычислять разницу между предыдущим и текущим состояниями интерфейса для оптимального обновления DOM браузера. Таким образом программист может работать со страницей, считая, что она обновляется вся, но библиотека самостоятельно решает, какие компоненты страницы необходимо обновить.
JSX
JavaScript XML (JSX) — это расширение синтаксиса JavaScript, которое позволяет использовать похожий на HTML синтаксис для описания структуры интерфейса. Как правило, компоненты написаны с использованием JSX, но также есть возможность использования обычного JavaScript[12].
JSX напоминает другой язык, созданный в компании Фейсбук для расширения PHP, XHP .
Методы жизненного цикла
Методы жизненного цикла позволяют разработчику запускать код на разных стадиях жизненного цикла компонента. Например:
- shouldComponentUpdate— позволяет предотвратить перерисовку компонента с помощью возврата false, если перерисовка не необходима.
- componentDidMount— вызывается после первой отрисовки компонента. Он часто используется для запуска получения данных с удаленного источника через API.
- render— является важнейшим методом жизненного цикла. Каждый компонент должен иметь этот метод. Обычно этот метод вызывается при изменении данных компонента для перерисовки данных в интерфейсе.
Не только отрисовка HTML в браузере
React используется не только для отрисовки HTML в браузере. Например, Facebook имеет динамические графики, которые отрисовываются в теги <canvas>.
Netflix и PayPal используют изоморфные загрузки для отрисовки идентичного HTML на сервере и клиенте.
У вас нет прав для комментирования.
Начало работы – Реагировать
Эти документы устарели и не будут обновляться. Перейдите на react.dev для получения новой документации React.
Новый Quick Start учит современному React и включает живые примеры.
На этой странице представлен обзор документации React и связанных ресурсов.
React — это библиотека JavaScript для создания пользовательских интерфейсов. Узнайте, что такое React, на нашей домашней странице или в учебнике.
- Попробуйте Реагировать
- Изучите реакцию
- Будьте в курсе
- Версия документации
- Что-то пропало?
Попробуйте React
React с самого начала разрабатывался для постепенного внедрения, и вы можете использовать столько React, сколько вам нужно.
Если вы хотите попробовать React, добавить интерактивности на простую HTML-страницу или запустить сложное приложение на основе React, ссылки в этом разделе помогут вам начать работу.
Онлайн игровые площадки
Если вам интересно поиграть с React, вы можете использовать онлайн-площадку для кода. Попробуйте шаблон Hello World на CodePen, CodeSandbox или Stackblitz.
Если вы предпочитаете использовать собственный текстовый редактор, вы также можете загрузить этот HTML-файл, отредактировать его и открыть из локальной файловой системы в своем браузере. Он выполняет медленное преобразование кода во время выполнения, поэтому мы рекомендуем использовать его только для простых демонстраций.
Добавить React на веб-сайт
Вы можете добавить React на HTML-страницу за одну минуту. Затем вы можете либо постепенно расширять его присутствие, либо ограничить его несколькими динамическими виджетами.
Создать новое приложение React
При запуске проекта React простая HTML-страница с тегами сценария может быть лучшим вариантом.
Настройка занимает всего минуту!
По мере роста вашего приложения вам может потребоваться более интегрированная установка. Есть несколько цепочек инструментов JavaScript, которые мы рекомендуем для больших приложений. Каждый из них может работать практически без настройки и позволяет вам в полной мере использовать богатую экосистему React. Научиться.
Изучите реакцию
В React приходят люди с разным опытом и с разным стилем обучения. Независимо от того, предпочитаете ли вы более теоретический или практический подход, мы надеемся, что этот раздел окажется для вас полезным.
- Если вы предпочитаете учиться, выполняя , начните с нашего практического руководства.
- Если вы предпочитаете изучать концепции шаг за шагом , начните с нашего руководства по основным концепциям.
Как и любая незнакомая технология, React требует обучения. С практикой и терпением вы поможет .
Первые примеры
Домашняя страница React содержит несколько небольших примеров React с живым редактором.
Даже если вы еще ничего не знаете о React, попробуйте изменить их код и посмотрите, как это повлияет на результат.
React для начинающих
Если вы чувствуете, что документация по React развивается быстрее, чем вам удобно, ознакомьтесь с этим обзором React от Тани Раскиа. Он подробно и удобно для начинающих знакомит с наиболее важными концепциями React. Как только вы закончите, попробуйте документацию еще раз!
React для дизайнеров
Если вы имеете опыт работы в сфере дизайна, эти ресурсы — отличное место для начала.
Ресурсы JavaScript
Документация React предполагает некоторое знакомство с программированием на языке JavaScript. Вам не обязательно быть экспертом, но сложнее одновременно изучать React и JavaScript.
Мы рекомендуем просмотреть этот обзор JavaScript, чтобы проверить свой уровень знаний. Это займет у вас от 30 минут до часа, но вы будете чувствовать себя более уверенно, изучая React.
Наконечник
Всякий раз, когда вас что-то смущает в JavaScript, MDN и javascript.
info — отличные сайты для проверки. Существуют также форумы поддержки сообщества, где вы можете обратиться за помощью.Практическое руководство
Если вы предпочитаете учиться на практике, ознакомьтесь с нашим практическим руководством. В этом уроке мы создадим игру в крестики-нолики в React. У вас может возникнуть соблазн пропустить его, потому что вы не занимаетесь созданием игр, но дайте ему шанс. Методы, которые вы изучите в этом руководстве, являются фундаментальными для построения любых приложений React, и овладение им даст вам гораздо более глубокое понимание.
Пошаговое руководство
Если вы предпочитаете изучать понятия шаг за шагом, лучше всего начать с нашего руководства по основным понятиям. Каждая следующая глава в ней основывается на знаниях, представленных в предыдущих главах, так что вы ничего не пропустите по мере продвижения.
Thinking in React
Многие пользователи React считают чтение Thinking in React моментом, когда React наконец «щелкнул» их.
Это, вероятно, самое старое пошаговое руководство по React, но оно по-прежнему актуально.
Рекомендуемые курсы
Иногда люди находят сторонние книги и видеокурсы более полезными, чем официальная документация. Мы поддерживаем список часто рекомендуемых ресурсов, некоторые из которых бесплатны.
Расширенные концепции
После того, как вы освоитесь с основными концепциями и немного поиграете с React, вас могут заинтересовать более сложные темы. Этот раздел познакомит вас с мощными, но редко используемыми функциями React, такими как контекст и ссылки.
Справочник по API
Этот раздел документации полезен, если вы хотите узнать больше о конкретном React API. Например, в справочнике по API React.Component можно найти подробную информацию о том, как работает setState() и для чего полезны различные методы жизненного цикла.
Глоссарий и часто задаваемые вопросы
Глоссарий содержит обзор наиболее распространенных терминов, которые вы встретите в документации React.
Существует также раздел часто задаваемых вопросов, посвященный коротким вопросам и ответам на общие темы, включая выполнение запросов AJAX, состояние компонентов и структуру файлов.
Блог React является официальным источником обновлений от команды React. Все важное, включая заметки о выпуске или уведомления об устаревании, будет опубликовано там в первую очередь.
Вы также можете следить за аккаунтом @reactjs в Твиттере, но вы не пропустите ничего важного, если будете читать только блог.
Не каждый выпуск React заслуживает отдельного сообщения в блоге, но вы можете найти подробный список изменений для каждого выпуска в файле CHANGELOG.md в репозитории React, а также на странице «Выпуски».
Версия документации
Эта документация всегда отражает последнюю стабильную версию React. Начиная с React 16, вы можете найти более старые версии документации на отдельной странице. Обратите внимание, что документация по прошлым версиям создается на момент выпуска и не обновляется постоянно.
Что-то пропало?
Если в документации чего-то не хватает или какая-то часть кажется вам запутанной, отправьте сообщение о проблеме в репозиторий документации с предложениями по улучшению или твитните в учетной записи @reactjs. Мы любим слушать вас!
React Conferences — React
Знаете ли вы о местной конференции React.js? Добавьте сюда! (Сохраняйте список в хронологическом порядке)
Предстоящие конференции
React Miami 2023
20–21 апреля 2023 г. Майами, Флорида, США
Веб-сайт — Twitter
Reactathon 2023
9023 мая 92033, Сан-Франциско , Калифорния, США
Веб-сайт — Twitter — YouTube
RemixConf 2023
Май 2023 г. Солт-Лейк-Сити, Юта
Веб-сайт — Twitter
App.js Conf 2023
10–12 мая 2023 г. Лично в Кракове, Польша + удаленно
Веб-сайт — Twitter
Website — Twitter — Facebook — Youtube
Render(ATL) 2023 🍑
31 мая — 2 июня 2023. Атланта, Джорджия, США
Website — Discord — Twitter — Instagram — Facebook — LinkedIn — Podcast
React Summit 2023
2 и 6 июня 2023 г.
Личный прием в Амстердаме, Нидерланды + дистанционное первое интерактивное взаимодействие (гибридное мероприятие)
Веб-сайт — Twitter — Facebook — Видео
React Норвегия 2023
16 июня 2023 г. Ларвик, Норвегия
Веб-сайт — Twitter — Facebook
ReactNext 2023
0 Тельвив 23 июня, Aв 0 0 0003 Веб-сайт — Facebook — Youtube
React Nexus 2023
07 и 08 июля 2023 г. Бангалор, Индия (личное мероприятие)
Веб-сайт — Twitter — Linkedin — YouTube
React Rally 2023 🐙
8 2 и 17 августа. Солт-Лейк-Сити, Юта, США
Веб-сайт — Twitter — Instagram
React On The Beach 2023
07 сентября 2023 г. Амстердам, Нидерланды (личное мероприятие)
Веб-сайт — Twitter
React India 2023
52-3 октября 2023 г. -человек в Гоа, Индия (гибридное мероприятие) + 3 октября 2023 г. — удаленный день
Веб-сайт — Twitter — Facebook — Youtube
React Advanced 2023
20 и 23 октября 2023 г.
Лично в Лондоне, Великобритания + сначала удаленно интерактивность (гибридное событие)
Веб-сайт — Twitter — Facebook — Видео
Саммит React US 2023
13 и 15 ноября 2023 г. Личный прием в Нью-Йорке, США + первый удаленный интерактив (гибридное мероприятие)
Веб-сайт — Twitter — Facebook — Видео
День реакции в Берлине 2023
8 и 12 декабря 2023 года. Личная встреча в Берлине, Германия + первый удаленный интерактив (гибридное мероприятие)
Веб-сайт — Twitter — Facebook — Видео
Прошедшие конференции
День реакции в Берлине 2022
2 декабря 2022 г. Лично в Берлине, Германия + удаленно (гибридное мероприятие)
Веб-сайт — Twitter — Facebook — Видео
Глобальный онлайн-саммит React 22.2 от Geekle
8–9 ноября 2022 г. — Онлайн-саммит
Веб-сайт — LinkedIn
Remix Conf Europe 2022
18 ноября 2022 г., 7:00 по тихоокеанскому стандартному времени / 10:00 по восточному стандартному времени / 16:00 по центральноевропейскому времени — удаленное мероприятие
-человек в Лондоне, Великобритания + удаленно (гибридное мероприятие)
Веб-сайт — Twitter — Facebook — Видео
День ReactJS 2022
21 октября 2022 г.
в Вероне, Италия в Брюсселе, Бельгия + дистанционно (гибридное мероприятие)
Веб-сайт — Twitter — LinkedIn — Facebook — Видео
React Аликанте 2022
29 сентября — 1 октября 2022 г. Лично в Аликанте, Испания + удаленно (гибридное мероприятие)
Веб-сайт — Twitter — Facebook — Видео
React India 2022
22–24 сентября 2022 г. Лично в Гоа, Индия + удаленно (гибридное мероприятие)
Веб-сайт — Twitter — Facebook — Видео
React Finland 2022
12–16 сентября 2022 г. Лично в Хельсинки, Финляндия
Веб-сайт — Twitter — Расписание — Спикеры
React Native EU 2022: Powered by callstack
1–2 сентября 2022 г. — Дистанционное мероприятие
Веб-сайт —
Твиттер —
Линкедин —
Фейсбук —
Инстаграм
ReactNext 2022
28 июня 2022 г. Тель-Авив, Израиль
Веб-сайт — Twitter — Видео событие).
Веб-сайт — Twitter
React Summit 2022
17 и 21 июня 2022 г. Личная встреча в Амстердаме, Нидерланды + первый удаленный интерактив (гибридное мероприятие)
Веб-сайт — Twitter — Facebook — Видео
App.
js Conf 2022
8–10 июня 2022 г. Лично в Кракове, Польша + удаленно
Веб-сайт — Twitter
День реагирования Бангалор 2022
8–9 июня 2022 г. Удаленно
Веб-сайт — Twitter — Linkedin4 3 YouTube
render(ATL) 2022 🍑
1–4 июня 2022 г. Атланта, Джорджия, США
Веб-сайт — Discord — Twitter — Instagram — Facebook — LinkedIn — Podcast
RemixConf 2022
24–25 мая 2022 г. Солт-Лейк-Сити Город, Юта
Веб-сайт – Twitter – YouTube
Reactathon 2022
3–5 мая 2022 г. Беркли, Калифорния
Веб-сайт — Twitter — YouTube
React Global Online Summit 2022 by Geekle 004
React Miami 2022 🌴
18–19 апреля 2022 г. Майами, Флорида
Веб-сайт
React Live 2022
1 апреля 2022 г. Амстердам, Нидерланды
Веб-сайт — Twitter
AgentConf 2022
27–30 января 2022 г. Лично в Дорнбирне и Лехе, Австрия
Веб-сайт — Twitter — Instagram
React Conf 2021
8 декабря 2021 г.
— дистанционное мероприятие (повторное мероприятие 9 декабря)
Веб-сайт
ReactEurope 2021
дистанционное мероприятие 9-10 — 20 декабря Видео
ReactNext 2021
15 декабря 2021 г. Тель-Авив, Израиль
Веб-сайт — Twitter — Видео
React India 2021
12–13 ноября 2021 г. — дистанционное мероприятие
Веб-сайт — YouTube — Twitter — Facebook —
React Global by Geekle
3–4 ноября 2021 г. — дистанционное мероприятие
Веб-сайт — LinkedIn — YouTube
React Advanced 2021
22–23 октября 2021 г. Личное в Лондоне, Великобритания + дистанционное (гибридное мероприятие) )
Веб-сайт — Twitter — Facebook — Видео
React Conf Brasil 2021
16 октября 2021 г. — удаленное мероприятие
Веб-сайт — Twitter — Slack — Facebook — Instagram — YouTube
React Brussels 2021
— 15,003 октября дистанционное мероприятие
Веб-сайт — Twitter — LinkedIn
render(ATL) 2021
13-15 сентября 2021 г. Атланта, Джорджия, США
Веб-сайт — Twitter — Instagram — Facebook — LinkedIn
React Native EU-2021 сентябрь 1
9 2, 2021 — удаленное мероприятие
Веб-сайт — Twitter — Facebook — Instagram
React Finland 2021
30 августа — 3 сентября 2021 г. — дистанционное мероприятие
Веб-сайт — Twitter — LinkedIn
React Case Study Festival 2021
27–28 апреля 2021 г. — удаленное мероприятие
Веб-сайт — LinkedIn — Facebook
React Summit — удаленное издание 2021
14–16 апреля 2021 г., 7:00 по тихоокеанскому стандартному времени / 10:00 по восточному поясному времени / 16:00 по центральноевропейскому летнему времени — удаленное мероприятие
—
Веб-сайт Twitter — Facebook — Видео
React fwdays’21
27 марта 2021 г. — удаленное мероприятие
Веб-сайт — Twitter — Facebook — LinkedIn — Meetup
React Next 2020
1-2 декабря 2020 г. — удаленное мероприятие
Веб-сайт — Твиттер — Фейсбук
React Conf Brasil 2020
21 ноября 2020 г.
— дистанционное мероприятие
Веб-сайт — Twitter — Slack 3 Веб-сайт — Twitter — Facebook — Видео
React Native EU 2020
3-4 сентября 2020 г. — дистанционное мероприятие
Веб-сайт — Twitter — Facebook — YouTube — Instagram
ReactEurope 2020
14-15 мая 2020 г. в Париже, Франция
Видео
Byteconf React 2020
1 мая 2020 г. Трансляция онлайн на YouTube.
Веб-сайт — Twitter — YouTube
React Summit — Remote Edition 2020
15:00 по центральноевропейскому летнему времени, 17 апреля 2020 г. — удаленное мероприятие Сан-Франциско, Калифорния
Веб-сайт – Twitter – Facebook
ReactConf AU 2020
27 и 28 февраля 2020 г. в Сиднее, Австралия
Веб-сайт — Twitter — Facebook — Instagram
React Barcamp Cologne 2020
1-2 февраля 2020 г. в Кельне, Германия
Веб-сайт — Twitter — Facebook
React Day Berlin 2019
9 в Берлине, Германия 6 декабря
Веб-сайт — Twitter — Facebook — Видео
Саммит React 2019
30 ноября 2019 г.
в Лагосе, Нигерияв Сан-Паулу, BR
Веб-сайт — Twitter — Facebook — Slack
React Advanced 2019
25 октября 2019 г. в Лондоне, Великобритания
Веб-сайт — Twitter — Facebook — Видео
React Conf 2015
2015 октября 2019 в Хендерсон, штат Невада, США
React Alicante 2019
Сентябрь 26-28, 2019 в Аликанте, Испания
Веб -сайт — Twitter — Facebook
React India 2019
сентябрь 26-28, 2019в Гоа, Индия
Веб-сайт — Twitter — Facebook
React Boston 2019
21-22 сентября 2019 г. в Бостоне, Массачусетс США
Веб-сайт — Twitter
React Live 2019
2 19 сентября, Нидерланды, Нидерланды, 000032 13 сентября
Веб-сайт — Twitter
React New York 2019
13 сентября 2019 г. Нью-Йорк, США
Веб-сайт — Twitter
ComponentsConf 2019
6 сентября 2019 г. в Мельбурне, Австралия
Веб-сайт — Twitter
React Native EU 2019
5-6 сентября во Вроцлаве, Польша
Веб-сайт — Twitter — Facebook
React Conf Iran 2019
Иран, 29 августа 2019 г.
, Тегеран.
Website — Videos — Highlights
React Rally 2019
22-23 августа 2019 г. Солт-Лейк-Сити, США.
Веб-сайт — Twitter — Instagram
Chain React 2019
11-12 июля 2019 г. Портленд, штат Орегон, США.
Веб-сайт
React Loop 2019
21 июня 2019 г. Чикаго, Иллинойс, США
Веб-сайт — Twitter
React Norway 2019
12 июня 2019 г. Ларвик, Норвегия ReactN3 Twitter
30 — Twitter
0 2019
11 июня 2019 г. Тель-Авив, Израиль
Веб-сайт — Twitter — Видео
React Conf Armenia 2019
25 мая 2019 г. в Ереване, Армения
Веб-сайт — Twitter — Facebook — YouTube — CFP
ReactEurope 2019
23-24 мая 2019 года в Париже, Франция
Видео
React.notaconf 2019
11 мая в Софии, Болгария
Веб -сайт — Twitter — Facebook
Greads Conference
мая 3, 2019 В Лондоне, Лондон, Лондон, Лондон. Великобритания
Веб-сайт — Twitter
React Finland 2019
24-26 апреля в Хельсинки, Финляндия
Веб-сайт — Twitter
React Amsterdam 2019
12 апреля 2019 г.
в Амстердаме — 3 Twitter — 900 Веб-сайт в Амстердаме, Нидерланды 900 Видео
App.js Conf 2019
4-5 апреля 2019 г. в Кракове, Польша
Веб-сайт — Twitter
Reactathon 2019
30-31 марта 2019 г. в Сан-Франциско, США Twitter
4 — 90 3 Реакция Ирана
ReactNext 4 в Тель-Авиве , Израиль
Веб-сайт — Twitter — Facebook
React Conf 2018
25–26 октября в Хендерсоне, штат Невада, США
Веб-сайт
React Conf Brasil 2018
20 октября в Сан-Паулу, 30 – 90 – Facebook, Бразилия 90 004
День ReactJS Day 2018
5 октября в Вероне, Италия
Веб-сайт — Twitter
React Boston 2018
29–30 сентября в Бостоне, штат Массачусетс, США
Веб-сайт — Twitter
React1 Аликанте 209 2000034
13–15 сентября в Аликанте, Испания
Веб-сайт — Twitter
React Native EU 2018
5–6 сентября во Вроцлаве, Польша онлайн, через Twitch
Веб-сайт — Twitch — Twitter
ReactFoo Delhi
18 августа в Дели, Индия
Веб-сайт — Twitter — Предыдущие выступления
React DEV Conf China
18 августа в Гуанчжоу, Китай
Веб-сайт
React Rally 2018
16–17 августа в Солт-Лейк-Сити, штат Юта, США
Веб-сайт — Twitter
Chain React 2018
11–13 июля в Портленде, штат Орегон Twitter 90 004 США 90 4
РеактФу Мумбаи
26 мая в Мумбаи, Индия
Веб-сайт — Твиттер — Предыдущие выступления
ReactEurope 2018
17-18 мая в Париже, Франция
Видео
React.
NotA9 2 апреля 2048 в Софии , Болгария
Веб-сайт — Twitter — Facebook
React Finland 2018
24-26 апреля в Хельсинки, Финляндия
Веб-сайт — Twitter
React Amsterdam 2018
13 апреля в Амстердаме, Нидерланды Twitter — 90 Facebook
-90 Facebook
-90 033 React Native Camp UA 2018
31 марта в Киеве, Украина
Веб-сайт — Twitter — Facebook
Reactathon 2018
20-22 марта в Сан-Франциско, США
Веб-сайт — Twitter — Видео (основы), Видео (продвинутый день1) ), Видео (расширенный день2)
ReactFest 2018
8–9 марта в Лондоне, Великобритания
Веб-сайт — Twitter — Видео
AgentConf 2018
25–28 января в Дорнбирне, Австрия
React 4 P00003 900 F 003 19-20 января, Пуна , Индия
Веб-сайт — Twitter
React Day Berlin 2017
2 декабря, Берлин, Германия
Веб-сайт — Twitter — Facebook — Видео
React Seoul 2017
4 ноября в Сеуле, Южная Корея
Веб-сайт
ReactiveConf 2017
25–27 октября, Братислава, Словакия
Веб-сайт — Видео
React Summit 2017
21 октября в Лагосе, Нигерия
Веб-сайт Twitter 0 -03 — Facebook
Конференция State.