React Conf 2021 요약

지난주, 우리는 6번째 React Conf를 개최했습니다. 지난 몇 년 동안 우리는 React Conf 무대를 통해 React Native, React Hooks 와 같은 업계 변화를 알리는 발표를 해왔습니다. 올해는 React 18의 출시와 동시 기능의 점진적인 도입을 시작으로 React의 멀티 플랫폼 비전을 공유했습니다.

2021년 12월 17일, Jesslyn Tannady, Rick Hanlon


지난주, 우리는 6번째 React Conf를 개최했습니다. 지난 몇 년 동안 우리는 React Conf 무대를 통해 React Native, React Hooks와 같은 업계 변화를 알리는 발표를 해왔습니다. 올해는 React 18의 출시와 동시 기능의 점진적인 도입을 시작으로 React의 멀티 플랫폼 비전을 공유했습니다.


React Conf가 온라인으로 개최된 것은 이번이 처음이며, 8개 언어로 번역되어 무료로 스트리밍되었습니다. 전 세계의 참가자들은 모든 시간대에서 접근성을 위해 컨퍼런스 Discord와 리플레이 이벤트에 참여했습니다. 50,000명 이상이 등록했으며, 19개 강연의 조회수는 60,000회를 넘었고, 두 이벤트에 걸쳐 5,000명이 Discord에 참여했습니다.

모든 강연은 온라인으로 스트리밍 가능합니다.

무대에서 공유된 내용을 요약해 보았습니다:

React 18 및 동시 기능

기조연설에서 저희는 React 18을 시작으로 React의 미래에 대한 비전을 공유했습니다.

React 18은 오랫동안 기다려온 동시 renderer를 추가하고 Suspense를 큰 변경 없이 업데이트했습니다. 앱은 React 18로 업그레이드하여 다른 주요 출시와 동등한 수준의 노력으로 동시 기능을 점진적으로 도입할 수 있습니다.

이는 동시 모드가 없고 동시 기능만 있음을 의미합니다.

기조연설에서는 Suspense, 서버 컴포넌트, 새로운 React 워킹 그룹에 대한 비전과 React Native에 대한 장기적인 멀티플랫폼 비전도 공유했습니다.

Andrew Clark, Juan Tejada, Lauren Tan, Rick Hanlon의 기조연설 전문을 여기에서 시청하세요:

애플리케이션 개발자를 위한 React 18

기조연설에서는 React 18 RC를 지금 바로 사용해볼 수 있다는 사실도 발표했습니다. 추가 피드백을 기다리는 중이며, 내년 초에 정식 버전으로 출시할 예정입니다.

React 18 RC를 사용해 보려면 의존성을 업그레이드하세요:

npm install react@rc react-dom@rc

를 클릭하고 새로운 createRoot API로 전환하세요:

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

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

React 18로 업그레이드하는 데모는 여기에서 Shruti Kapoor의 강연을 참조하세요:

Suspense가 있는 스트리밍 서버 렌더링

React 18에는 Suspense를 사용한 서버 측 렌더링 성능 개선 사항도 포함되어 있습니다.

스트리밍 서버 렌더링을 사용하면 서버의 React 컴포넌트에서 HTML을 생성하고 해당 HTML을 사용자에게 스트리밍할 수 있습니다. React 18에서는 ‘Suspense’를 사용하여 앱을 더 작은 독립 단위로 분해하여 나머지 앱을 차단하지 않고 서로 독립적으로 스트리밍할 수 있습니다. 이는 사용자가 콘텐츠를 더 빨리 보고 훨씬 빠르게 상호작용을 시작할 수 있다는 것을 의미합니다.

더 자세히 알아보려면 Shaundai Person의 강연을 참조하세요:

첫 번째 React 워킹 그룹

React 18에서는 전문가, 개발자, 라이브러리 관리자, 교육자들로 구성된 패널과 협력하기 위해 첫 번째 워킹 그룹을 만들었습니다. 우리는 함께 점진적인 채택 전략을 세우고 useId, useSyncExternalStore, useInsertionEffect와 같은 새로운 API를 개선하기 위해 노력했습니다.

이 작업에 대한 개요는 Aakansha’ Doshi의 강연을 참조하세요:

React 개발자 도구

이번 릴리즈의 새로운 기능을 지원하기 위해 새로 구성된 React 개발자 도구 팀과 개발자가 React 앱을 디버깅하는 데 도움이 되는 새로운 타임라인 프로파일러도 발표했습니다.

새로운 개발자 도구 기능에 대한 자세한 내용과 데모는 Brian Vaughn의 강연을 참조하세요:

memo 없는 React

미래를 내다보며, Xuan Huang(黄玄)이 자동 메모화 컴파일러에 대한 React Labs 연구의 업데이트를 공유했습니다. 이 강연에서 자세한 정보와 컴파일러 프로토타입 데모를 확인하세요:

React 문서 기조연설

Rachel Nabors가 React의 새로운 문서에 대한 투자에 대한 기조연설로 React로 학습하고 디자인하는 방법에 대한 강연을 시작했습니다(현재 react.dev로 제공됨):

그리고…

React로 학습하고 디자인하는 방법에 대한 강연:

Relay, React Native, PyTorch 팀의 강연:

접근성, 툴링 및 서버 컴포넌트에 대한 커뮤니티 강연:

감사드립니다

올해는 저희가 직접 컨퍼런스를 기획한 첫 해로, 많은 분들께 감사드리고 싶습니다.

먼저, 모든 연사분들께 감사드립니다 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, 그리고 Xuan Huang (黄玄).

Andrew Clark, Dan Abramov, Dave McCabe, Eli White, Joe Savona, Lauren Tan, Rachel Nabors, Tim Yung 등 대담에 피드백을 제공해 주신 모든 분들께 감사드립니다.

디스코드 컨퍼런스를 개설하고 디스코드 관리자로 활동해 주신 Lauren Tan에게 감사드립니다.

전반적인 방향에 대한 피드백을 제공하고 다양성과 포용성에 집중할 수 있도록 도와주신 Seth Webster에게 감사드립니다.

사회를 진행하신 Rachel Nabors와 사회 진행 가이드를 만들고, 사회 진행 팀을 이끌고, 번역가와 사회자를 교육하고, 두 이벤트의 사회 진행을 도와주신 Aisha Blake께도 감사드립니다.

사회자 Jesslyn Tannady, Suzie Grange, Becca Bailey, Luna Wei, Joe Previte, Nicola Corti, Gijs Weterings, Claudio Procida, Julia Neumann, Mengdi Chen, Jean Zhang, Ricky Li 및 Xuan Huang (黄玄)께 감사드립니다.

리플레이 이벤트의 진행을 도와주시고 커뮤니티의 참여를 이끌어주신 React IndiaManjula Dube, Sahil Mhapsekar, React ChinaJasmine Xie, QiChang Li, YanLun Li께도 감사의 말씀을 전합니다.

컨퍼런스 웹사이트의 기반이 된 가상 이벤트 스타터 키트를 게시해주신 Vercel과 Next.js Conf 운영 경험을 공유해주신 Lee RobinsonDelba de Oliveira께 감사드립니다.

컨퍼런스를 운영한 경험, RustConf를 운영하면서 얻은 교훈, Event Driven과 컨퍼런스를 운영하기 위한 조언을 공유해주신 Leah Silber께 감사드립니다.

Women of React Conf를 운영한 경험을 공유해주신 Kevin LewisRachel Nabors께 감사드립니다.

기획 전반에 걸쳐 조언과 아이디어를 제공해주신 Aakansha Doshi, Laurie Barth, Michael Chan, Shaundai Person께 감사드립니다.

컨퍼런스 웹사이트와 티켓을 디자인하고 구축하는 데 도움을 주신 Dan Lebowitz께 감사드립니다.

기조연설과 Meta 직원 대담의 동영상을 녹화해주신 Facebook 동영상 프로덕션 팀의 Laura Podolak Waddell, Desmond Osei-Acheampong, Mark Rossi, Josh Toberman 및 기타 직원들께도 감사드립니다.

컨퍼런스를 구성하고, 스트림의 모든 동영상을 편집하고, 모든 강연을 번역하고, 여러 언어로 Discord를 진행하는 데 도움을 주신 파트너인 HitPlay께도 감사드립니다.

마지막으로, 멋진 React 컨퍼런스를 만들어주신 모든 참가자 여러분께 감사드립니다!