• 1401/03/06

خروجی گرفتن از ری اکت :

سلام چجوری ری اکت رو به جاوااسکریپت تبدیل کنیم تا دیگه نخوایم با نود جی اس ران بشه

  • 1401/03/09
  • ساعت 19:20

سلام دوست من

کافیه دستور build رو اجرا کنی

npm run build

درون یک فولدر فایلهای نهایی نمایش داده میشن که البته برای اجراش نیاز به یک سرور داری و تنها با باز کردن index.js درون مرورگر نمایش داده نمیشه و صفحه خالی خواهد بود.

در زمان build خودش میگه که میتونی از ابزاری به نام serve استفاده کنی تا بتونی پروژه نهایی رو درون مرورگر ببینی.

البته اینکار تنها در سیستم لوکال خواهد بود و زمانی که درون سرور واقعی قرار داده بشن نیازی نیست

لینک serve 

به صورت گلوبال درون سیستم نصب کن


  • 1401/03/25
  • ساعت 23:19

سلام. نمیشه کاری کرد بدون استفاده از سرور کار انجام بشه. یعنی فقط فایل html css JavaScript باشه و با بازکردن فایل اچ تی ام ال کار رو ببینیم


  • 1401/03/26
  • ساعت 21:48

سلام دوست من

امکانش هست کافیه از 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 استفاده کنی


  • 1401/04/05
  • ساعت 14:42

سلام

چجوری با 5 تا اسکریپت کار راه می افته ولی وقتی ری اکت رو در node_modules نصب میکنی اینقدر سنگین هست؟