افزودن کتابخانه React به یک پروژه که از jQuery استفاده میکند

سلام

اکثر آموزش های وب را که میبینی، ریئکت رو با استفاده از ابزار create-react-app آموزش دادن اما فرض کنید بخواهیم یک کامپوننت کوچیک به سایتی اضافه کنیم که قبلا از جی کوئری استفاده میکرده و اصلا نیازی به یک پروژه کامل ری ئکت نداریم. در این صورت چه روشی رو باید دنبال کرد.

مثلا دیدم که با استفاده از webpack باید یک فایل entry مثلا index.html معرفی کنیم اما در سایت ما فرض کنید میخوایم ری ئکت رو به مثلا صفحه تماس با ما اضافه کنیم. چه کار باید کرد

پاسخ ها

sokanacademy forum
کاربر سکان آکادمی 5 سال پیش

سلام دوست عزیز

اگه بخواین می‌تونین از آموزش های زیر استفاده کنین تا بفهمین که چجوری می تونین بدون استفاده از create-react-app یه پروژه رو شروع کنین

انگلیسی / فارسی

ولی تا اونجایی که من فهمیدم کارتون با روش زیر راه میوفته:

<script type="application/javascript" src="https://unpkg.com/react@16.7.0/umd/react.production.min.js" ></script>
<script type="application/javascript" src="https://unpkg.com/react-dom@16.7.0/umd/react-dom.production.min.js" ></script>
<script type="application/javascript" src="https://unpkg.com/babel-standalone@6.26.0/babel.js"></script>

کدهای بالا که حاوی کتابخانه های React، ReactDOMو babel هستند رو به انتهای head یا body صفحه مورد نظرتون اضافه کنید.(اینجا از CDN استفاده کردم شما می‌تونین فایل‌ها رو دانلود کنید و بعد به صفحتون اضافه کنین)

و بعد از فراخوانی ری‏‌اکت فایل حاوی کدهای خودتونو اضافه کنید.(حتما باید بعد از فایل ری اکت باشن و type مساوی "text/babel")

<script type="text/babel" src="./App.js" ></script>

* اگه از JSX استفاده نمی‌کنید نیازی به فراخونی babel ندارید.

موفق باشی دوست من

online-support-icon