سلام چجوری ری اکت رو به جاوااسکریپت تبدیل کنیم تا دیگه نخوایم با نود جی اس ران بشه
سلام دوست من
کافیه دستور build رو اجرا کنی
npm run buildدرون یک فولدر فایلهای نهایی نمایش داده میشن که البته برای اجراش نیاز به یک سرور داری و تنها با باز کردن index.js درون مرورگر نمایش داده نمیشه و صفحه خالی خواهد بود.
در زمان build خودش میگه که میتونی از ابزاری به نام serve استفاده کنی تا بتونی پروژه نهایی رو درون مرورگر ببینی.
البته اینکار تنها در سیستم لوکال خواهد بود و زمانی که درون سرور واقعی قرار داده بشن نیازی نیست
به صورت گلوبال درون سیستم نصب کن
سلام. نمیشه کاری کرد بدون استفاده از سرور کار انجام بشه. یعنی فقط فایل html css JavaScript باشه و با بازکردن فایل اچ تی ام ال کار رو ببینیم
سلام دوست من
امکانش هست کافیه از CDN بهره ببری و درون index.html قرار بدی
در این لینک میتونی cdn های ری اکت رو پیدا کنی
و همچنین احتیاج به babeljs داری تا بتونی کدهای نوین بنویسی و توسط cdn باید بهش دسترسی داشته باشی
در این لینک میتونی CDN برای babel رو پیدا کنی در مستندات خودش
<!DOCTYPE html>
<html>
<head>
<script src="https://unpkg.com/react@18/umd/react.development.js" crossorigin></script>
<script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js" crossorigin></script>
<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
</head>
<body>
<div id="mydiv"></div>
<script type="text/babel">
function Hello() {
return <h1>Hello World!</h1>;
}
ReactDOM.render(<Hello />, document.getElementById('mydiv'))
</script>
</body>
</html>دقیقا به این شکل میتونی استفاده کنی بدون استفاده از Nodejs یا npm و اگر نیاز به کتابخانه داشتی باید به صورت cdn استفاده کنی
سلام
چجوری با 5 تا اسکریپت کار راه می افته ولی وقتی ری اکت رو در node_modules نصب میکنی اینقدر سنگین هست؟