React Conf 2021: il riepilogo

17 dicembre 2021 di Jesslyn Tannady e Rick Hanlon

È stata la prima volta che React Conf è stata ospitata online, trasmessa gratuitamente e tradotta in 8 lingue diverse. Partecipanti da tutto il mondo si sono uniti al Discord della conferenza e all’evento replay per l’accessibilità in tutti i fusi orari. Oltre 50.000 persone si sono registrate, con oltre 60.000 visualizzazioni di 19 talk e 5.000 partecipanti su Discord in entrambi gli eventi.

Tutti i talk sono disponibili in streaming online.

Ecco un riepilogo di quanto condiviso sul palco:

React 18 e le funzionalità concorrenti

Nella keynote, abbiamo condiviso la nostra visione per il futuro di React a partire da React 18.

React 18 aggiunge il tanto atteso renderer concorrente e aggiornamenti a Suspense senza breaking change significativi. Le app possono passare a React 18 e iniziare ad adottare gradualmente le funzionalità concorrenti con uno sforzo paragonabile a qualsiasi altro rilascio major.

Questo significa che non c’è una concurrent mode, ma solo funzionalità concorrenti.

Nella keynote, abbiamo anche condiviso la nostra visione per Suspense, i Server Components, i nuovi working group React e la nostra visione a lungo termine multi-piattaforma per React Native.

Guarda la keynote completa di Andrew Clark, Juan Tejada, Lauren Tan e Rick Hanlon qui:

React 18 per gli sviluppatori di applicazioni

Nella keynote, abbiamo anche annunciato che la React 18 RC è disponibile per essere provata. In attesa di ulteriore feedback, questa è la versione esatta di React che pubblicheremo in stable all’inizio del prossimo anno.

Per provare la React 18 RC, aggiorna le tue dipendenze:

npm install react@rc react-dom@rc

e passa alla nuova API createRoot:

// before
const container = document.getElementById('root');
ReactDOM.render(<App />, container);

// after
const container = document.getElementById('root');
const root = ReactDOM.createRoot(container);
root.render(<App/>);

Per una demo dell’upgrade a React 18, guarda il talk di Shruti Kapoor qui:

Server rendering in streaming con Suspense

React 18 include anche miglioramenti alle prestazioni del server-side rendering usando Suspense.

Il server rendering in streaming ti consente di generare HTML dai componenti React sul server e inviare quell’HTML ai tuoi utenti. In React 18, puoi usare Suspense per suddividere la tua app in unità più piccole e indipendenti che possono essere trasmesse in streaming separatamente l’una dall’altra senza bloccare il resto dell’app. Questo significa che gli utenti vedranno i tuoi contenuti prima e potranno iniziare a interagirci molto più rapidamente.

Per un approfondimento, guarda il talk di Shaundai Person qui:

Il primo working group React

Per React 18, abbiamo creato il nostro primo Working Group per collaborare con un panel di esperti, sviluppatori, maintainer di librerie ed educatori. Insieme abbiamo lavorato per creare la nostra strategia di adozione graduale e per affinare nuove API come useId, useSyncExternalStore e useInsertionEffect.

Per una panoramica di questo lavoro, guarda il talk di Aakansha’ Doshi:

Strumenti per sviluppatori React

Per supportare le nuove funzionalità di questo rilascio, abbiamo anche annunciato il team React DevTools appena formato e un nuovo Timeline Profiler per aiutare gli sviluppatori a fare il debug delle loro app React.

Per maggiori informazioni e una demo delle nuove funzionalità DevTools, guarda il talk di Brian Vaughn:

React senza memo

Guardando più avanti nel futuro, Xuan Huang (黄玄) ha condiviso un aggiornamento dalla nostra ricerca React Labs su un compilatore auto-memoizzante. Guarda questo talk per maggiori informazioni e una demo del prototipo del compilatore:

Keynote sulla documentazione React

Rachel Nabors ha aperto una sezione di talk sull’apprendimento e il design con React con una keynote sul nostro investimento nella nuova documentazione React (ora pubblicata come react.dev):

E altro ancora…

Abbiamo anche ascoltato talk sull’apprendimento e il design con React:

• Debbie O’Brien: Things I learnt from the new React docs.
• Sarah Rainsberger: Learning in the Browser.
• Linton Ye: The ROI of Designing with React.
• Delba de Oliveira: Interactive playgrounds with React.

Talk dai team Relay, React Native e PyTorch:

• Robert Balicki: Re-introducing Relay.
• Eric Rozell and Steven Moyes: React Native Desktop.
• Roman Rädle: On-device Machine Learning for React Native

E talk dalla community su accessibilità, strumenti e Server Components:

• Daishi Kato: React 18 for External Store Libraries.
• Diego Haz: Building Accessible Components in React 18.
• Tafu Nakazaki: Accessible Japanese Form Components with React.
• Lyle Troxell: UI tools for artists.
• Helen Lin: Hydrogen + React 18.

Grazie

Questo è stato il nostro primo anno a pianificare una conferenza da soli, e abbiamo molte persone da ringraziare.

Prima di tutto, grazie a tutti i nostri speaker Aakansha Doshi, Andrew Clark, Brian Vaughn, Daishi Kato, Debbie O’Brien, Delba de Oliveira, Diego Haz, Eric Rozell, Helen Lin, Juan Tejada, Lauren Tan, Linton Ye, Lyle Troxell, Rachel Nabors, Rick Hanlon, Robert Balicki, Roman Rädle, Sarah Rainsberger, Shaundai Person, Shruti Kapoor, Steven Moyes, Tafu Nakazaki e Xuan Huang (黄玄).

Grazie a tutti coloro che hanno aiutato a fornire feedback sui talk, tra cui Andrew Clark, Dan Abramov, Dave McCabe, Eli White, Joe Savona, Lauren Tan, Rachel Nabors e Tim Yung.

Grazie a Lauren Tan per aver configurato il Discord della conferenza e per essere stata la nostra admin Discord.

Grazie a Seth Webster per il feedback sulla direzione generale e per aver assicurato che ci concentrassimo su diversità e inclusione.

Grazie a Rachel Nabors per aver guidato il nostro sforzo di moderazione e a Aisha Blake per aver creato la nostra guida alla moderazione, guidato il team di moderazione, formato traduttori e moderatori e aiutato a moderare entrambi gli eventi.

Grazie ai nostri moderatori Jesslyn Tannady, Suzie Grange, Becca Bailey, Luna Wei, Joe Previte, Nicola Corti, Gijs Weterings, Claudio Procida, Julia Neumann, Mengdi Chen, Jean Zhang, Ricky Li e Xuan Huang (黄玄).

Grazie a Manjula Dube, Sahil Mhapsekar e Vihang Patel di React India, e Jasmine Xie, QiChang Li e YanLun Li di React China per aver aiutato a moderare il nostro evento replay e mantenerlo coinvolgente per la community.

Grazie a Vercel per aver pubblicato il loro Virtual Event Starter Kit, su cui è stato costruito il sito della conferenza, e a Lee Robinson e Delba de Oliveira per aver condiviso la loro esperienza nell’organizzazione di Next.js Conf.

Grazie a Leah Silber per aver condiviso la sua esperienza nell’organizzazione di conferenze, gli insegnamenti tratti dall’organizzazione di RustConf e per il suo libro Event Driven e i consigli che contiene per organizzare conferenze.

Grazie a Kevin Lewis e Rachel Nabors per aver condiviso la loro esperienza nell’organizzazione di Women of React Conf.

Grazie a Aakansha Doshi, Laurie Barth, Michael Chan e Shaundai Person per i loro consigli e le loro idee durante la pianificazione.

Grazie a Dan Lebowitz per l’aiuto nella progettazione e nella costruzione del sito e dei biglietti della conferenza.

Grazie a Laura Podolak Waddell, Desmond Osei-Acheampong, Mark Rossi, Josh Toberman e altri del team Facebook Video Productions per aver registrato i video della Keynote e dei talk dei dipendenti Meta.

Grazie al nostro partner HitPlay per aver aiutato a organizzare la conferenza, montato tutti i video dello stream, tradotto tutti i talk e moderato il Discord in più lingue.

Infine, grazie a tutti i nostri partecipanti per aver reso questa una grande React Conf!