Подведение итогов мероприятия State of React | 26 апреля 2022 года

На этом мероприятии State of React основная тема была посвящена релизу React 18. У наших участников было много мыслей об этом релизе, его последних возможностях и рабочей группе React. Мы также узнали о состоянии Redux и услышали о впечатлениях наших участников от конференции React Miami 2022.

Вот полный список ведущих и участников дискуссии, которые приняли участие в онлайн-мероприятии.

Ведущие

• Дастин Гудман, инженерный менеджер, This Dot Labs, @dustinsgoodman
• Дэйн Грант, старший инженер-программист, This Dot Labs, @danecando

Участники дискуссии

• Джен Люкер, старший штатный фронтенд-инженер, Nav, Inc, @knitcodemonkey
• Бен Илегбоду, архитектор фронтенда, Stitch Fix, @benmvp
• Ромелло Гудман, преподаватель в MICA & старший инженер Shopify, @mellogood
• Кэтлин МакМахон, старший инженер по проектированию систем, Northwestern Mutual, @resource11
• Chantastic, DX-инженер, Chromatic, @chantastic
• Марк Эриксон, старший инженер фронт-энд, Replay, @acemarke

Вы можете посмотреть полную версию мероприятия State of React на YouTube-канале This Dot Media.

React 18 наконец-то здесь!!!

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

Также прозвучала похвала в адрес рабочей группы React 18, которая проделала огромную работу по информированию сообщества о ходе работы над новой версией. Они также постарались учесть многие отзывы сообщества в этом последнем релизе. Упорный труд и забота рабочей группы React 18 также способствовали спокойному и стабильному выпуску этой последней версии.

Является ли антиклиматический выпуск React 18 сигналом того, что люди устали от React?

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

Что думают участники дискуссии о новых возможностях React 18?

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

Это привело к разговору о том, как React 18 помог решить множество проблем, с которыми сталкивались авторы библиотек. Например, новые API одновременной приостановки и перехода упростят работу с индикаторами загрузчика. Но был упомянут еще один крючок, который заинтересовал некоторых участников дискуссии. Хук useId генерирует уникальный случайный идентификатор, который согласуется при рендеринге на стороне сервера и клиента. Участники дискуссии были в восторге от того, как просто его использовать и как он улучшит доступность. Они также были благодарны за то, что название было изменено с useOpaqueIdentifier на useId.

Будет ли продолжаться деятельность рабочей группы React?

В настоящее время нет никаких планов относительно рабочей группы React, и она была относительно тихой с момента выпуска. Однако участники дискуссии считают, что эта группа задала тон для будущих крупных релизов. Как упоминалось ранее, рабочая группа React проделала огромную работу с сообществом и создала плавный переход от React 17 к React 18.

Каковы некоторые из новых функций, которые разработчикам необходимо изучить до перехода на React 18?

Первая функция, которая была упомянута, — это новый корневой API. В React 17 именно так можно было отобразить компонент App.

import { render } from "react-dom";
import App from "App";
render(<App tab="home" />, document.getElementById("app"));

Но в React 18 вы будете использовать новый API createRoot.

import { createRoot } from "react-dom/client";
import App from "App";

const root = createRoot(document.getElementById("app"));
root.render(<App tab="home" />);

Еще одна функция, которая была упомянута, это flushSync, которая позволяет вам отказаться от автоматической пакетной обработки.

Состояние Redux с Марком Эриксоном

На этом этапе беседы мы перешли к короткой презентации в powerpoint о состоянии Redux.
Вот ключевые моменты, упомянутые в презентации.

• React-Redux v8.0 уже в продаже.
• Обновлены шаблоны Redux JS/TS для Create React App.
• Эта новая версия работает с React 16.8, 17, 18 и React Native.
• React-Redux v8.0 был преобразован в TypeScript
• В Redux Toolkit 1.8 появился новый промежуточный компонент побочных эффектов «listener», который позволяет выполнять мощные рабочие процессы async/await.
• Redux 4.2.0 официально пометил createStore как устаревший

Стоит ли людям начинать переход на React 18 сейчас или есть период ожидания?

Во время этой части беседы участники дискуссии говорили о том, что поддерживается React 18. Например, если ваше приложение использует Enzyme для тестирования, то он не будет поддерживаться React 18. Это потребует от вас переписать все ваши тесты, чтобы приспособить их к этой последней версии. Разработчикам необходимо понять, что поддерживается новой версией, прежде чем переходить на нее. Участники дискуссии также отметили, что должно пройти несколько месяцев работы сообщества с React 18, прежде чем потенциальные проблемы станут явными.

Каким был React Miami? Каково это — снова проводить очные конференции?

Я думаю, что Марк Эриксон лучше всего подвел итог конференции React Miami 2022 года.

«Тепло, весело, потрясающе, утомительно, странно».

Что ж, для меня это подходит 🙂

Но если говорить серьезно, и Бен, и Кэтлин выступали с докладами и наслаждались своим пребыванием на конференции. По общему мнению, было приятно снова пообщаться с сообществом лично, даже если временами это было странно.

Есть ли новые интересные курсы или статьи по React 18?

В репозитории GitHub рабочей группы React было много интересных обсуждений. Многие авторы смогли создать отличные статьи в блогах на основе этих обсуждений.

Дастин и Дейн также отметили свое участие в создании нового сайта бета-версии React. Подробнее об этом вы можете узнать в этом тематическом исследовании Meta.

Обратная сторона того, что React не имеет единого мнения

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

К счастью для нас, компания This Dot Labs создала инструмент для решения этой проблемы. react.framework.dev — это список ресурсов для React, созданный сообществом.

Доступность имеет значение

В заключительной беседе было много дискуссий о том, как новые функции Rect 18 улучшат доступность. Участники дискуссии также выразили мнение, что все разработчики должны больше заботиться о создании хорошо построенных доступных приложений и уделять время изучению лучших практик доступности.

Заключение

Это был невероятный разговор с замечательной группой участников, и я настоятельно рекомендую вам посмотреть видео. Вы можете посмотреть полную версию мероприятия State of React на YouTube-канале This Dot Media.

This Dot Labs — это современная веб-консалтинговая компания, которая помогает компаниям реализовать их усилия по цифровой трансформации. Для получения экспертного архитектурного руководства, обучения или консультаций по React, Angular, Vue, веб-компонентам, GraphQL, Node, Bazel или Polymer посетите thisdot.co