react conf 2024 day 1 리뷰

# react conf 2024 day 1 리뷰
- day 1 : https://www.youtube.com/live/T8TZQ6k4SLE?si=hnA6YyIIV8ezD8Rt
- day 2 : https://www.youtube.com/live/0ckOUBiuxVY?si=8ctzpl49lDZ6p2vX

## Keynote
### react 19 변경사항
- hydration . (이건 next14에서 지원하는 기능인데.)
- form의 action에 비동기 함수를 다이렉트로 사용가능함. Remix에서 아이디어를 얻었다고 함.

- ref 가 prop 으로 처리됨
- 컴파일러가 최적화 해주므로 이제는 memo를 사용하지 않아도 됨
	-  그동안 production에 대한 컴파일러가 부족했던 것으로 보임
	- Quest store와 Instargram에 선 적용을 해봤으며, 성공적이었음
	- 컴파일러는 오픈소스되었음. (아직 베타) 비벨 플러그인 필요

## Vanilla React
- Remix 개발자인 거 같은데 spotify 에 다니는 거 같음
	- 조사해보니 Remix 팀이 spotify에 흡수되었음
- 프레임워크를 사용하지 않고도 React로 ssr 까지 되는 예제 보여줌
- 빌드툴은 vite 사용
- 아마도 react팀이 nextjs팀과 워낙 가까우니 이런 세션도 만든 거 같음.

## What's new in React 19
- form action과 관련된 내용. 
	- useActionState를 이용하면 action, pending 등을 사용하는 것이 가능
	- (이건 react-query를 대체 할 수도)
	- 그외 관련 hook api에 대한 설명
	- (기계가 책 읽는줄 알았음. 말이 너무 빠르고 감정이 없음)
	- nextjs14 보는 줄. suspense, hydration, use hook
	- use client, use server
- ref는 이제 prop임
- 스타일을 컴코넌트에서 사용할 수 있음. 
	- Preloading api 제공

## React Unpacked : A Roadmap to React 19
- 기존 코딩으로는 장바구니 담기할 때 비동기 하에서 pending 상태 처리에 대한 어려움을 코딩으로 보여줌
- useTransition hook을 사용하여 문제해결 예제 보여줌
- 이후 19버전부터 사용 가능한 action 에 대한 예제를 보여줌.
- 키노트에서 했던 얘기 또해서 나머지는 스킵함

## Forget about Memo
- react-compiler 사용하면 memo hook 을 알아서 붙여줌.
- 데모 실행해서 빠르다는거 보여주는 내용
- 나머지 스킵. 발표자 목소리가 부담스러워서

## React for two computers
- server rendering 이 어떻게 구현되는지 보여주는 예제
- 발표 내내 물마시면서 코딩만 하므로 자막안봐도 편함 
- 초급자라면 추천 세션

## Introducing Universal React Server Components in Expo Router (추천)
- native 에서는 서버렌더링을 사용할 수 없는데 react로 서버렌더링을 사용하여 사용성을 높였다는 내용
- 다양한 컴포넌트를 SSR로 요청이 있을때마다 내려주므로 아주 효과적임
- Server-Driven Native apps  아주 인상적임. 실제로 예제를 보기 바람

## Real-time Server Component
- react-party
	- chat, collaborative tools, games, ai agent, data grid 등에 활용가치가 좋다고 주장함.

## React 19 Deep Dive: Coordinating HTML
- meta data 와 asset 로딩에 관한 내용
- react 19부터 사용가능한 preloading APIs 소개
- 키노트에서 봤던 내용이라 뒷부분 스킵. 
- suspense

## Let's break React's rules
- only call hooks at the top level
- only use Hooks from React functions 
- 위 두개가 결론이라는데 정확히 이해는 못했음. react 페이지에서 다음 페이지 찾음 
- https://react.dev/reference/rules

## RedwoodJS, now with React Server Components
- [RedwoodJS]
	- Front : React, GraphQL
	- API : Fastify, Prsima
	- 배포 : baremetal부터 Netflify, Vercel, Serverless Framework 등 다양한 배포 방식을 지원
	- 테스트 : Jest와 Storybook 코드를 자동으로 생성
	- 로깅 : pino 기반 로깅
	- CLI 지원 : 초기 프로젝트 생성, 배포 기능 제공

## RedwoodJS 첫 인상
- fullstack이라는 점이 마음에 드나 내가 원하는 stack이 아님
	- 개인적으로 nestjs를 사용하겠음.
- 모토가 The App Framework for Startup인데 이 말이 딱 맞는 듯 함
	- 발표자가 90% 프로젝트는 CRUD만 사용한다고 함(발표자 경험상)
	- 그렇지 않은 부분때문에 프레임워크를 간단히 도입하지 못하는 것임(내 경험상)

## 마무리 
- Day 2
	-  React Native 관련 내용이 주 인것 같은데 아직 챕터 구분도 안되있고 영어 자동 번역이 안되서 조금 기다렸다 보려고함.
- nextjs 14에서의 여러 기능들이 react로 녹여낸 듯함
- react-query 가 금방 사라질 수도 (필요없어질거라 예상됨)
- hydration 의 기본 원리에 대해 공부하길 바람
	- SSR이 전부 이것과 관련있음.