آخرین باری که به تصویر بزرگ استحکام نگاه کردیم و قبلاً به APP-APP اشاره کردیم. اکنون خواهید فهمید که چگونه از آن استفاده کنید ، چه ویژگی هایی یکپارچه و ایده های اضافی در مورد نحوه گسترش آن است. این برنامه که توسط پل رازوان برگ ، بنیانگذار Sablier آغاز شده است ، توسعه جلوی شما را آغاز می کند و دارای چندین ادغام اختیاری برای انتخاب است.
نصب به نخ 0. 25 یا بالاتر (NPM نصب ن خ-global) نیاز دارد. این به سادگی در حال اجرا است:
جنجال ETH-APP MY-APP ایجاد کنید
cd من
جنجال React-App: شروع کنید
از آن استفاده می کند که APP-APP را در زیر کاپوت قرار می دهد. برای دیدن برنامه خود ، http: // localhost: 3000/. هنگامی که شما آماده استقرار برای تولید هستید ، یک بسته نرم افزاری با ساخت نخ ایجاد کنید. یک راه آسان برای میزبانی این امر NetLify است. می توانید یک repo github ایجاد کنید ، آن را به netlify اضافه کنید ، دستور ساخت را تنظیم کنید و تمام شد! برنامه شما برای همه میزبان و قابل استفاده خواهد بود. و همه اینها به صورت رایگان
اول از همه قلب برنامه: React و تمام ویژگی های اضافی که با ایجاد واکنش-برنامه ایجاد می شود. فقط استفاده از این یک گزینه عالی است اگر نمی خواهید Ethereum را ادغام کنید. React خود باعث می شود ساختمان UI تعاملی بسیار آسان باشد. این ممکن است به اندازه Vue دوستانه مبتدی نباشد ، اما هنوز هم بیشتر مورد استفاده قرار می گیرد ، ویژگی های بیشتری دارد و از همه مهمتر هزاران کتابخانه اضافی برای انتخاب. APP Create-React-App باعث می شود که شروع با آن نیز بسیار آسان باشد و شامل موارد زیر است:
- React ، JSX ، ES6 ، TypeScript ، پشتیبانی از نحو جریان.
- موارد اضافی زبان فراتر از ES6 مانند اپراتور گسترش شی.
- CSS Autoprefixed ، بنابراین به پیشوندهای دیگر نیاز ندارید.
- یک دونده تست واحد تعاملی سریع با پشتیبانی داخلی برای گزارش پوشش.
- یک سرور توسعه زنده که در مورد اشتباهات رایج هشدار می دهد.
- یک اسکریپت ساخت برای بسته بندی JS ، CSS و تصاویر برای تولید ، با هش و منابع تهیه شده.
به طور خاص ایجاد-اتر در حال استفاده از جلوه های جدید قلاب است. روشی برای نوشتن مؤلفه های به اصطلاح قدرتمند و در عین حال بسیار کوچک. بخش زیر را در مورد آپولو برای نحوه استفاده از آنها در Creat-et-App مشاهده کنید.
فضای کاری نخ به شما امکان می دهد چندین بسته داشته باشید ، اما قادر به مدیریت همه آنها از پوشه ریشه و نصب وابستگی برای همه به یکباره با استفاده از نصب نخ هستید. این امر به ویژه برای بسته های اضافی کوچکتر مانند آدرس های قراردادهای هوشمند/مدیریت ABI (اطلاعات مربوط به محل استقرار قراردادهای هوشمند و نحوه برقراری ارتباط با آنها) یا ادغام نمودار ، هر دو بخشی از APP-APP معنی دارد.
در حالی که Web3 هنوز بیشتر مورد استفاده قرار می گیرد ، Ethers. JS در سال گذشته به عنوان یک جایگزین بسیار بیشتر به عنوان یک جایگزین بیشتر شده است و یکی از مواردی است که در APP-APP ایجاد شده است. شما می توانید با این یکی کار کنید ، آن را به Web3 تغییر دهید یا به روزرسانی را به Ethers. js V5 در نظر بگیرید که تقریباً از بتا خارج است.
GraphQL یک روش جایگزین برای دستیابی به داده ها در مقایسه با یک API استراحت است. آنها چندین مزیت نسبت به API های آرامش بخش دارند ، به خصوص برای داده های blockchain غیر متمرکز. اگر به استدلال در این زمینه علاقه دارید ، نگاهی به GraphQL به وب غیر متمرکز بپردازید.
معمولاً داده ها را مستقیماً از قرارداد هوشمند خود دریافت می کنید. آیا می خواهید زمان آخرین تجارت را بخوانید؟فقط با MyContract. Methods. LatestTradetime () تماس بگیرید. تماس بگیرید () که داده ها را از یک گره اتریوم مانند Infura به DAPP شما می رساند. اما اگر به صدها نقطه داده مختلف نیاز دارید چه می کنید؟این امر باعث می شود صدها نفر از داده ها به گره واگذار شوند ، هر بار که نیاز به RTT دارد و باعث می شود DAPP شما کند و ناکارآمد باشد. یک راه حل ممکن است یک عملکرد تماس Fetcher در داخل قرارداد شما باشد که چندین داده را به طور همزمان باز می گرداند. این همیشه ایده آل نیست.
و سپس ممکن است شما به داده های تاریخی نیز علاقه مند باشید. شما می خواهید نه تنها آخرین زمان تجارت ، بلکه زمان برای همه معاملات که خودتان انجام داده اید را بدانید. از بسته زیرگراف Create-eth-App استفاده کنید ، مستندات را بخوانید و آن را با قراردادهای خود تطبیق دهید. اگر به دنبال قراردادهای هوشمند محبوب هستید ، حتی ممکن است یک زیرگراف نیز وجود داشته باشد. Subgraph Explorer را بررسی کنید.
پس از داشتن یک زیرگراف ، به شما امکان می دهد یک پرس و جو ساده را در DAPP خود بنویسید که تمام داده های مهم blockchain از جمله موارد تاریخی مورد نیاز خود را بازیابی می کند ، فقط یک واکشی لازم است.
با تشکر از ادغام Apollo Boost می توانید به راحتی نمودار را در Dapp React خود ادغام کنید. به خصوص هنگام استفاده از قلاب های React و آپولو ، داده های واکشی به سادگی نوشتن یک پرس و جو گرافیکی واحد در مؤلفه شما است:
1محاصره کردن بارگذاری, خطا, داده ها > = یدک(عرفان)
2
3 واکنش نشان دادن.کار(() =>
4 if (!بارگذاری && !خطا && داده ها)
5 کنسول.ورود به سیستم( داده ها >)
6 >
7 >, [بارگذاری, خطا, داده ها])
8
کپی فارکس وکسب درامد...
ما را در سایت فارکس وکسب درامد دنبال می کنید
برچسب :
نویسنده : احمد قانع پور
بازدید : 35
تاريخ : شنبه
3 تير
1402 ساعت: 15:41