react without buildsteps

رد فعل دون بناء

لماذا؟ ولم لا. مشروع الهيكل العظمي هذا مخصص لـ:

• مشجعي CDN في جميع أنحاء العالم.
• عشاق jQuery في جميع أنحاء العالم ولكنهم يريدون استخدام React بالطريقة مثل استخدام jQuery.
• الأشخاص الذين يرغبون في رؤيته وكيفية استخدام React دون أي خطوات بناء.
• الأشخاص الذين يكرهون npm install الأشياء.
• الناس الذين يكرهون بناء الخطوات.
• الأشخاص الذين يرغبون في تعلم الرد من منظور مختلف وزاوية.
• الأشخاص المهتمين بتمديد هذا الرمز البسيط.
• الأشخاص الذين يحبون JSX وما زالوا يريدون استخدامه على رد الفعل دون أي خطوات بناء.
• نفسي ، تريد أن يكون لديك وثائق حول استخدام رد الفعل مع CDN.

تثبيت

لا ، لا يوجد تثبيت.

أين npm install الأشياء؟

لا ، لا يوجد npm install الأشياء.

ثم كيف تدير؟

فقط قم بتشغيل خادم الويب الثابت المفضل لديك. المفضل لدي هو php -S 0.0.0.0:3000 على دليل الريبو الحالي ، Buahahaha. errrr أنت تعرف أفضل لاه. يستخدم خادم الويب الثابت المفضل لدي على Live Preview Extension من Inside Visual Studio Code.

في هذا المستودع يوجد ملف يسمى index.html . نعم ، هذا كل شيء. هذا هو الكود الذي يحتوي على HTML ، JS (رمز React ، جهاز التوجيه ، إلخ) وليس CSS (مجرد تصميم قياسي). يمكنك تمديده إلى maxxxx.

ما هو مدرج في مشروع الهيكل العظمي هذا

• ملف index.html واحد يحتوي على جميع الكود.
• موقع SPA SPA (تطبيق صفحة واحدة) مع React (React و React DOM).
• باستخدام جهاز التوجيه ، رد فعل جهاز التوجيه وتفاعل Router DOM (كل إصدار CDN).
• باستخدام إصدار بابل المستقل (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]> والمساهمين.