react without buildsteps

구분이있는 반응

왜? 왜 안 돼. 이 골격 프로젝트는 다음과 같습니다.

• 전 세계의 CDN 팬.
• 전 세계의 jQuery 애호가이지만 사용을 원하지만 jQuery 사용과 같은 방식으로 반응합니다.
• 보고 싶어하는 사람들과 빌드 단계없이 반응을 사용하는 방법.
• npm install .
• 건축 단계를 싫어하는 사람들.
• 배우고 싶은 사람들은 다른 관점과 각도에서 반응합니다.
• 이 간단한 코드를 확장하는 데 관심이있는 사람들.
• JSX를 좋아하고 여전히 빌드 단계없이 React에서 사용하려는 사람들.
• 나 자신은 CDN과의 반응 사용에 대한 문서를 원합니다.

설치

아니요, 설치가 없습니다.

npm install 사물은 어디에 있습니까?

아니요, npm install 가 없습니다.

그럼 어떻게 달리는가?

좋아하는 정적 웹 서버를 사용하여 실행하십시오. 제가 가장 좋아하는 것은 현재 리포 디렉토리 Buahahaha의 php -S 0.0.0.0:3000 입니다. errrr 당신은 더 잘 알고 있습니다. 내가 가장 좋아하는 정적 웹 서버는 Inside Visual Studio Code에서 Live Preview Extension을 사용하는 것입니다.

이 저장소에는 index.html 이라는 파일이 있습니다. 네, 그게 다야. 이것이 HTML, JS (React Code, Router 등) 및 CSS (표준 스타일 만)를 포함하는 코드입니다. maxxxx로 확장 할 수 있습니다.

이 골격 프로젝트에 포함 된 내용

• 모든 코드를 포함하는 단일 index.html 파일.
• REACT (React and React DOM)가있는 간단한 스파 (단일 페이지 응용 프로그램) 웹 사이트.
• 라우터를 사용하여 라우터를 반응하고 라우터 DOM (모든 CDN 버전)을 반응합니다.
• Babel 독립형 버전 (CDN) 사용. 나는 독립형이 생산을위한 것이 아니라는 것을 알고 있습니다. Babel은 여기에서 JSX를 처리하는 데 사용 되므로이 프로젝트에서 여전히 JSX를 사용할 수 있습니다.
• 간단한 2 페이지 구성 요소 (홈 및 약) 및 구성 요소를 나타 내기위한 헤더 구성 요소 (헤더).

여기서 어떤 CDN이 사용 되었습니까?

 react
react-dom
react-router
react-router-dom
@remix-run/router
@babel/standalone

데모

https://react-without-buildsteps.vercel.app

그리고 그냥 소스를보십시오. Vercel 또는 기타 정적 호스팅에 쉽게 배포됩니다.

특허

MIT

Copyright © 2023 Sony Arianto Kurniawan <[email protected]> 및 기고자.