ایجاد برنامه React

نرم‌افزار کلاینتی که می خواهید ساخت و ساز نمائید طراحی اپلیکیشن در مشهد یک رایا پارس اپ اینترنت application بر مبنای React میباشد که از API‌ای که در نصیب یک ساختید به کارگیری خواهید کرد. Web API لیستی از کتاب‌ها را برمی‌گرداند، البته از آنجایی که توکن تایید صلاحیت دسترسی برای اخذ داده‌ها مورد نیاز میباشد، شما با مسائل مرتبط با احراز نام‌و‌نشان و جواز دسترسی مواجه خواهید شد.

بایستی با بوت استرپ کردن اساس نرم افزار React استارت نمائید. تعدادی گزینه برای ساخت و ساز اپلیکیشن React وجود داراست، مثل استارت از آغاز؛ که با به کارگیری از یک کدام از یک‌سری پوسته‌های boilerplateای مو جود در اینترنت، یا این که با به کارگیری از ابزار create-react-app می توانید این شغل را جاری ساختن دهید.

به کارگیری از ابزار create-react-app مزایای متعددی داراست:

1. نرم‌افزار React را تنها در چندین دقیقه فعال سازی می‌نماید.

2. برای به کارگیری از دور و بر توسعه و گسترش مهیا میباشد که نیازی به تنظیمات غامض ندارد.

3. به طور کامل مستندسازی شد‌ه‌است.

4. این ابزار بوسیله خویش مجموعه React پیشرفته میباشد و ضمانت می‌نماید شایسته ترین طرز برای عمل با React در آن ایفا گردیده است.

البته این ابزار create-react-app چیست؟ این ابزار واسط خط دستور (CLI) میباشد که به شما اذن می دهد یک SPA بر طبق React را سوای نیاز به تنظیمات transpilerها، رسیدگی‌کننده‌های سینتکس، bundlerهای ماژول، مجری‌های وظایف و بقیه وظایف/ابزارهای ما یحتاج به وسیله پیشرفت نو جاوااسریپت تولید فرمایید. این ابزار بر شالوده Node.js میباشد و قادر است با تایپ کردن امر پایین روی دستگاه شما نصب خواهد شد:

npm install -g create-react-app
نکته: در‌حالتی که Node.js و NPM را روی دستگاه پیشرفت خویش نصب ندارید، به شیت دانلود Node.js بروید و آیین نامه‌ها را دنبال فرمایید.

بعداز اینکه create-react-app را نصب کردید، می توانید با تایپ کردن امر تحت در console window اپلیکیشن React خویش را بسازید:

create-react-app react-auth0
این امر فولدری به اسم react-auth0 در فایل روان ساخت و ساز می‌نماید، همینطور در‌این فولدر آحاد مورد ها ما یحتاج برای یک SPA خرد بر پایه ی React (که می تواند فعالیت نماید) را قرار خواهد بخشید. روند تولید ممکن میباشد یک‌سری دقیقه ارتفاع بکشد چون می بایست تنی چند از پکیج‌های NPM که برای پروژه ما یحتاج میباشد را دانلود نماید.

بعداز اتمام فعال سازی نرم افزار، می توانید آن را با دستورها پایین انجام نمایید:

# move into the new directory
cd react-auth0

# start the development server
npm start
بعداز یک سری ثانیه، مرورگر پیش‌فرض شما گشوده گردد و برگه پایین را مشاهده خواهید کرد:

این بدان معناست که اپلیکیشن در درحال حاضر فعالیت میباشد و مهیا میباشد تا آغاز نمایید.