RSC (React Server Components) 노트 앱 데모 / 놀이터가 프레임 워크없이
- 라이브 서버 구성 요소 (RSC) 노트 앱 데모 / 놀이터 참조
- 프레임 워크없이 블로그 게시물 React Server 구성 요소 읽기
부인 성명
다음 구현에 대해서는 아직 최적의 것이 없지만 의도적으로 순진하고 불완전하며 학습 및 데모 목적을위한 것입니다.
목표
- 다소 기능적인 반응 노트 앱 (텍스트 제목 및 Markdown 컨텐츠로 메모를 목록, 작성, 편집 및 삭제)
- 클라이언트 구성 요소와 함께 사용되는 서버 구성 요소를 반응합니다
- 어떤 종류의 서버 측 렌더링
- 서버 구성 요소를 사용하여 어떤 종류의 데이터 가져 오기
- 클라이언트와 서버에서 다소 작동하는 라우팅
- 클라이언트에서 서버 구성 요소를 새로 고침합니다
- 사용 가능한 RSC 놀이터
- 무엇보다도 : 배우십시오
시작하기
node.js v18.18.1 + npm v9.8.1에서 개발되었습니다
개발 환경
- 웹 팩 프로세스를 시작하고
./src 의 변경 사항을보고 ./dist 로 내장 된 파일을 출력하십시오. - http : // localhost : 3000에서 node.js http server (fastify와 함께)를 시작하고
./server , ./src & ./dist nodemon을 감시하십시오.
prod 환경
Webpack 빌드를 실행하고 생산을 위해 Node.js HTTP 서버를 시작하십시오.
주요 종속성
- Webpack Bundler
- JSX 구문을 전환하기위한 Babel JavaScript 컴파일러
- HTTP 웹 서버를 위해 Fastify
- A-Route 최소 최소 JavaScript / DOM 라우팅 라이브러리 사용자 지정 요소 활용
기타
- 트위터에서 Timothée "Tim"Pillard @tpillard가 제작했습니다
- "프레임 워크없이 서버 구성 요소를 반응"블로그 게시물 발표 트위터
- React Notes 앱을 기반으로합니다
