react without buildsteps

React-without-buildsteps

ทำไม ทำไมไม่ โครงการโครงกระดูกนี้ทุ่มเทให้กับ:

• แฟน ๆ CDN ทั่วโลก
• คนรัก jQuery ทั่วโลก แต่ต้องการใช้ React ในแบบที่ใช้ jQuery
• คนที่ต้องการเห็นและวิธีการใช้ React โดยไม่มีขั้นตอนการสร้างใด ๆ
• คนที่เกลียด npm install สิ่งต่างๆ
• คนที่เกลียดการสร้างขั้นตอน
• คนที่ต้องการเรียนรู้ตอบสนองจากมุมมองและมุมที่แตกต่างกัน
• คนที่สนใจขยายรหัสง่าย ๆ นี้
• คนที่รัก JSX และยังต้องการใช้กับ React โดยไม่มีขั้นตอนการสร้างใด ๆ
• ตัวเองที่ต้องการมีเอกสารเกี่ยวกับการใช้ React กับ CDN

การติดตั้ง

ไม่ไม่มีการติดตั้ง

npm install อะไรอยู่ที่ไหน

ไม่ไม่มี npm install

แล้วจะวิ่งได้อย่างไร?

เพียงเรียกใช้โดยใช้เว็บเซิร์ฟเวอร์คงที่ที่คุณชื่นชอบ สิ่งที่ฉันชอบคือ php -S 0.0.0.0:3000 ในไดเรกทอรี repo ปัจจุบัน Buahahaha errrr คุณรู้ดีกว่านี้ เว็บเซิร์ฟเวอร์สแตติกที่ฉันโปรดปรานอื่น ๆ คือการใช้ Extension Live Preview จาก Inside Visual Studio Code

ในที่เก็บนี้มีไฟล์ที่เรียกว่า index.html ใช่มันแค่ไหน นั่นคือรหัสที่มี HTML, JS (รหัสตอบสนอง, เราเตอร์ ฯลฯ ) และไม่มี CSS (เพียงแค่สไตล์มาตรฐาน) คุณสามารถขยายไปยัง maxxxx

สิ่งที่รวมอยู่ในโครงการโครงกระดูกนี้

• ไฟล์ single index.html ที่มีรหัสทั้งหมด
• Simple Spa (แอปพลิเคชันหน้าเดียว) ที่มี React (React และ React DOM)
• การใช้เราเตอร์, React เราเตอร์และ React Router DOM (รุ่น CDN ทั้งหมด)
• ใช้ Babel Standalone Version (CDN) ฉันรู้ว่าแบบสแตนด์อโลนไม่ได้มีไว้สำหรับการผลิต แต่เดี๋ยวก่อนผ่อนคลายกับพี่ชาย Babel ใช้ที่นี่เพื่อจัดการ JSX ดังนั้นคุณยังสามารถใช้ JSX ของคุณในโครงการนี้
• องค์ประกอบสองหน้าง่าย ๆ (บ้านและเกี่ยวกับ) และส่วนประกอบส่วนหัว (ส่วนหัว) เพื่อแสดงสิ่งต่าง ๆ

CDNs อะไรที่ใช้ที่นี่?

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

การสาธิต

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

และเพียงแค่ดูแหล่งที่มา ง่ายต่อการใช้งานกับ Vercel หรือโฮสติ้งแบบคงที่อื่น ๆ

ใบอนุญาต

มิกซ์

ลิขสิทธิ์© 2023 Sony Arianto Kurniawan <[email protected]> และผู้สนับสนุน