Video React

React Conf 2024

A React Conf 2024, il CTO di Meta Andrew “Boz” Bosworth ha condiviso un messaggio di benvenuto per aprire la conferenza:

React 19 Keynote

Nel keynote del Giorno 1, abbiamo condiviso la visione per React a partire da React 19 e il React Compiler. Guarda il keynote completo di Joe Savona, Lauren Tan, Andrew Clark, Josh Story, Sathya Gunasekaran e Mofei Zhang:

React Unpacked: A Roadmap to React 19

React 19 ha introdotto nuove funzionalità tra cui Actions, use(), useOptimistic e altro. Per un approfondimento sull’uso delle nuove funzionalità in React 19, vedi il talk di Sam Selikoff:

What’s New in React 19

Lydia Hallie ha offerto un approfondimento visivo delle nuove funzionalità di React 19:

React 19 Deep Dive: Coordinating HTML

Josh Story ha fornito un approfondimento sulle API di streaming di documenti e risorse in React 19:

React for Two Computers

Dan Abramov ha immaginato una storia alternativa in cui React è nato server-first:

Forget About Memo

Lauren Tan ha tenuto un talk sull’uso del React Compiler nella pratica:

React Compiler Deep Dive

Sathya Gunasekaran e Mofei Zhang hanno fornito un approfondimento su come funziona il React Compiler:

E altro…

Abbiamo anche ascoltato talk dalla community sui componenti Server:

• Enhancing Forms with React Server Components di Aurora Walberg Scharff
• And Now You Understand React Server Components di Kent C. Dodds
• Real-time Server Components di Sunil Pai

Talk da framework React che usano nuove funzionalità:

• Vanilla React di Ryan Florence
• React Rhythm & Blues di Lee Robinson
• RedwoodJS, now with React Server Components di Amy Dutton
• Introducing Universal React Server Components in Expo Router di Evan Bacon

E Q&A con i team React e React Native:

• React Q&A moderato da Michael Chan
• React Native Q&A moderato da Jamon Holmgren

Puoi guardare tutti i talk di React Conf 2024 su conf2024.react.dev.

React Conf 2021

React 18 Keynote

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

Guarda il keynote completo di Andrew Clark, Juan Tejada, Lauren Tan e Rick Hanlon qui:

React 18 for Application Developers

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

Streaming Server Rendering with Suspense

React 18 include anche miglioramenti alle performance della renderizzazione lato server usando Suspense.

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

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

The first React working group

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

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

React Developer Tooling

Per supportare le nuove funzionalità in questa release, abbiamo anche annunciato il team React DevTools appena formato e un nuovo Timeline Profiler per aiutare i developer a fare debug delle loro app React.

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

React without memo

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

React docs keynote

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

E altro…

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 componenti Server:

• 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.

Video più vecchi

React Conf 2019

Una playlist di video da React Conf 2019.

React Conf 2018

Una playlist di video da React Conf 2018.

React.js Conf 2017

Una playlist di video da React.js Conf 2017.

React.js Conf 2016

Una playlist di video da React.js Conf 2016.

React.js Conf 2015

Una playlist di video da React.js Conf 2015.

Rethinking Best Practices

Il talk di Pete Hunt a JSConf EU 2013 copre tre argomenti: gettare l’idea dei template e costruire view con JavaScript, “ri-renderizzare” l’intera applicazione quando i dati cambiano, e un’implementazione leggera del DOM e degli eventi - (2013 - 0h30m).

Introduction to React

Tom Occhino e Jordan Walke presentano React a Facebook Seattle - (2013 - 1h20m).