State of React 2023

What do you use React for?

general.check_all

Design systemsCustom libraries of React components

Desktop appsApps that run locally on a desktop

Mobile appsMobile apps using React or React Native

Static sitesPre-generated sites with minimal server interactions

Web appsWeb-based apps with complex interactions, state, routing, etc.

Other…

Which version of React do you use the most on a daily basis?

16.x

17.x

18.x

Canary

Not sure

Other…

In what context do you primarily use React?

На работе

В учёбе

Для меня это хобби

Other…

В каких сферах деятельности вы работаете?

general.check_all

Сельское хозяйство

Автомобильная промышленность

Строительство

Консалтинг и услуги

Кибербезопасность

Электронная коммерция и розничная торговля

Образование

Энергетика

Развлечения

Финансы

Государственный сектор

Здравоохранение

Сфере обслуживания

Страхование

Логистика

Производственный сектор

Маркетинг/Продажи/Инструменты аналитики

Новости, медиа, блогинг

Программирование и технические инструменты

Недвижимость

Социальные медиа

Я студент

Телекоммуникационный сектор

Транспортный сектор

Путешествия

Other…

🚫 None

Which of the following architecture and rendering patterns have you used in the last year?

general.check_all

Edge RenderingAltering rendered HTML at the edge before sending it on to the client

Incremental Static GenerationBeing able to dynamically augment or modify a static site even after the initial build (Next.js ISR, Gatsby DSG)

Islands ArchitectureIsolated islands of dynamic behavior with multiple entry points in an otherwise static site (Astro, Eleventy)

Multi-Page Application (MPA)Apps that run entirely on the server, with minimal client-side dynamic behavior

Partial HydrationOnly hydrating some of your components on the client (e.g. React Server Components)

Progressive EnhancementMaking sure an app is functional even without JavaScript

Progressive HydrationControlling the order of component hydration on the client

ResumabilitySerializing framework state on the server so the client can resume execution with no duplicated code execution.

Server-Side Rendering (SSR)Dynamically rendering HTML content on the server before rehydrating it on the client

Single Page Application (SPA)Apps that run entirely in the browser

Static Site Generation (SSG)Pre-rendered static content, with or without a client-side dynamic element

Streaming SSRBreaking down server-rendered content in smaller streamed chunks

Other…

🚫 None

How happy are you with the current state of React?

Очень недоволен

Не доволен

Затрудняюсь ответить

Доволен

Очень доволен

Which of these recent and upcoming new features are you most excited about?

Pick up to 3 items.

Asset LoadingFully integrate Suspense with the loading lifecycle of stylesheets, fonts, and images

React cacheAn API to assist with caching data.

React Compiler (React Forget)

New DocumentationReact's updated documentation site.

Offscreen Rendering

React Server Components

Server Actions

<Suspense>

Transition TracingDetect when React Transitions become slower and investigate why they may be slow.

use Hookuse unwraps the value of a promise, but it can be used inside normal components and Hooks, including on the client.

Other…

🚫 None

9/11Usage

What do you use React for?

Which version of React do you use the most on a daily basis?

In what context do you primarily use React?

В каких сферах деятельности вы работаете?

Which of the following architecture and rendering patterns have you used in the last year?

How happy are you with the current state of React?

Which of these recent and upcoming new features are you most excited about?

Any other React pain points that you would like to mention?