آموزش React: کار با API ها

React: Working with APIs

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: در حالی که React چالش برقراری تماس های API را ساده می کند ، اما درک اینکه چگونه می توان برنامه شما را به بهترین وجهی از یک API ساختار داد ، مشکل تر است. دو روش اصلی وجود دارد: استفاده از روشهای واکشی داخلی React یا استفاده از axios ، یک کتابخانه مبتنی بر وعده. این دوره نقاط قوت هر یک از تکنیک ها را به نمایش می گذارد. امانوئل هنری مربی ، مفاهیم اساسی موجود در پشت برنامه های REST را پوشش می دهد و نشان می دهد که چگونه می توان اجزای قابل استفاده مجددی را که از روش های واکشی برای فراخوانی API های دنیای واقعی مانند News API استفاده می کنند ، ساخت. وی سپس نحوه اتصال به API ها را با استفاده از axios نشان می دهد که با تبدیل خودکار داده های JSON ، تماس های API را ساده می کند. در پایان دوره ، شما باید مهارت لازم را در ساختار تماس های API ، حفظ وضعیت و خوشحالی کاربران داشته باشید.
موضوعات شامل:
  • راه اندازی پروژه React
  • واکشی داده ها
  • به روزرسانی وضعیت خود
  • استفاده از کتابخانه axios برای ایجاد درخواستهای HTTP

سرفصل ها و درس ها

مقدمه Introduction

  • خوش آمدی Welcome

  • آنچه باید بدانید What you should know

  • با استفاده از پرونده های تمرینی Using the exercise files

1. تنظیم 1. Setting Up

  • آشنایی با ابزار خود Introduction to your toolset

  • یک پروژه React را شروع کنید Initialize a React project

  • مفاهیم مفید Useful concepts

  • آشنایی با API ها Introduction to the APIs

2. روشهای واکشی برای API ها 2. Fetch Methods for APIs

  • مؤلفه اولیه برای اخبار Initial component for news

  • داده را بارگیری و وضعیت خود را به روز کنید Fetch data and update your state

  • قطعه را با داده نهایی کنید Finalize component with data

  • چالش: مؤلفه رفکتور برای استفاده مجدد Challenge: Refactor component for reuse

  • راه حل: جزء رفکتور برای استفاده مجدد Solution: Refactor component for reuse

3. بدیهیات 3. axios

  • آشنایی با آکسیوس Introduction to axios

  • ساختار برنامه را به روز کنید Update structure of the application

  • یک جزء جدید برای اخبار جانبی ایجاد کنید Create a new component for side news

  • روشهای جدیدی را برای axios اضافه کنید Add new methods for axios

  • یک جزء خطا برای خطاهای واکشی اضافه کنید Add an error component for fetch errors

نتیجه Conclusion

  • مراحل بعدی Next steps

نمایش نظرات

آموزش React: کار با API ها
جزییات دوره
1h 18m
18
Linkedin (لینکدین) Linkedin (لینکدین)
(آخرین آپدیت)
36,472
- از 5
ندارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Emmanuel Henri Emmanuel Henri

مدیر اجرایی با بیش از 20 سال تجربه در برنامه نویسی و طراحی

امانوئل هنری یک توسعه دهنده فول استک با 20 سال تجربه در برنامه نویسی، فناوری و طراحی است.

> امانوئل مسئول تمام جنبه های پروژه های وب و تلفن همراه مبتنی بر مشتری، از جمله جدول زمانی و محدوده بوده است. این پروژه‌ها از ابزارهای JIRA/Atlassian، متدولوژی‌های چابک، و زبان‌ها و چارچوب‌هایی مانند React، Angular، Node، Meteor، GraphQL، JavaScript، Swift، HTML، CSS (Sass)، MongoDB و MySQL استفاده کرده‌اند. او همچنین در دنیای بازی های سه بعدی با استفاده از ابزارهایی مانند Unreal، ZBrush، Maya و چندین ابزار دیگر کار می کند. او علاقه زیادی به ایجاد برنامه‌ها و بازی‌هایی دارد که از جدیدترین فناوری‌ها در ابزارها، چارچوب‌ها و زبان‌های فوق استفاده می‌کنند.

برای اطلاعات بیشتر، به mannyhenri.com.