آموزش واکنش: آزمایش و اشکال زدایی - آخرین آپدیت

مقدمه Introduction

• آزمایش و اشکال زدایی برنامه های React خود را Testing and debugging your React apps

• خوش آمدی Welcome

• پیش نیازهای دوره Course prerequisites

• پیش نیازهای دوره Course prerequesites

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

1. تنظیم 1. Setting Up

• پروژه آزمایشی ما Our test project

• نمای کلی از ابزار خود An overview of your toolset

• پروژه آزمون شما Your test project

• React ابزارهای توسعه دهنده React Developer Tools

• ابزار برنامه نویس را React کنید React developer tool

• معرفی شوخی Jest introduction

• چک کردن با جریان را تایپ کنید Type checking with flow

• پوشش با ESLint Linting with ESLint

2. تست کردن با Jest 2. Testing with Jest

• شماره های آزمون را با شرکا انجام دهید Test numbers with matchers

• تست های خود را با توصیف () سازماندهی کنید Organize your tests with describe()

• رشته را با تشریفات تست کنید Test string with matchers

• آرایه ها و اشیاء را با تشک تست کنید Test arrays and objects with matchers

• تست عکس فوری با Jest Snapshot testing with Jest

• آزمون های خود را با شرح سازماندهی کنید Organize your tests with describe

• گزارش های پوشش کد Code coverage reports

3. اشکال زدایی با Chrome و برنامه های افزودنی 3. Debugging with Chrome and Extensions

• اشکال زدایی با معرفی Chrome Debug with Chrome introduction

• اشکال زدایی با Chrome Debug with Chrome

• منابع را برای یافتن پاسخ اشکال زدایی کنید Debug resources to find answers

• اشکال زدایی با Devtools React Debug with React DevTools

• شبکه و عملکرد خود را آزمایش کنید Test your network and performance

• حسابرسی را در Chrome اجرا کنید Run an audit in Chrome

4. ESLint ، انواع و عملکرد 4. ESLint, Types, and Performance

• بهبود کد با ESLint Code improvement with ESLint

• انواع بررسی شده با جریان Types checking with flow

• مؤلفه های نمایه با جدول زمانی Chrome Profile components with Chrome timeline

4. eslint و انواع 4. ESLint and Types

• بهبود کد با ESLINT Code improvement with ESLint

• بررسی را با جریان تایپ کنید Type checking with Flow

نتیجه Conclusion

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

• رفتارهای حالت سخت واکنش نشان می دهد React Strict Mode behaviors