ساخت فرانت اند با React

البته دست، ساخت برنامه Frontend با React و TypeScript و سپس TDD

عنوان اصلی : Hands-On way to build Frontend with React

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

مقدمه:
ایجاد یک مخزن
اضافه کردن eslint و prettier به پروژه شما
لینک های مفید
TypeScript Recap:
انواع پارامتری با ژنریک
رابط ها، انواع و اتحادیه
ناشناخته، هرگز و tuple
utilitypes
نوع ابزار ابزار
Minesweeper انواع پایه
تست
react intro:
ایجاد برنامه REACT
JSX در نگاه
JSX Compilation
Props و رندر مشروط
Props و رندر مشروط
ECMA TC39 و بابل
WebPack Intro
WebPack Dev Server
ایجاد برنامه با WebPack و بابل
jest، tdd و منطق بازی پایه:
ژنراتور فیلد PART1
ژنراتور فیلد PART2
Field Generator Part3
Field Generator PART4
پیکربندی اشکال زدایی VScode
Debug Basic Logic
ایجاد یک ژنراتور فیلد
کتابخانه و اجزای کتابخانه:
عاطفه کتابخانه ای برای CSS-in-JS
لوازم جانبی لوازم جانبی API
ایجاد اجزای با کتاب داستان
ترکیب اجزاء
کروماتیک برای آزمایش بصری
لیست ها و کلیدهای
کتاب داستان و کروماتیک
React Hooks Intro:
USASTATE
اجزای پویا با قلاب مشتق شده
کتابخانه تست برای اجزای ReActjs
قطعه
Component Component Part1
Component Component PART2
Component Component PART3
رویدادها
مولفه های مولفه سلولی
usedebugvalue
Game Field (Grid) کامپوننت
Components Review کتابخانه
کیفیت کد، برنامه Deploy و CI / CD:
گزارش پوشش پوشش
تست Snapshot
Githooks و Husky
CI / CD با اقدامات Github
react hooks و کتابخانه تست واکنش نشان می دهد:
بازی استاتیک
منطق بازی
Generator Field Generator
تست کتابخانه کاربر
Generator Field Player تست
Generate Field بازی و OpenCell Handler
به موارد تست سلولی کلیک کنید
بازنشانی بازی توسط TDD
بازی قلاب:
بازی قلاب سفارشی
تست Refactoring
مجموعه پرچم
آشکارساز پازل حل شده
ایجاد بازی دستیار بازی دولت
اضافه کردن مورد آزمون برای دولت برنده
useefect، usecallback، react.memo:
استفاده از Effect
Timer بازی و استفاده از Effect
بمب شمارنده
گزارشات تست و جلسه Refactoring
گزارش های تست و Refactoring Session 2
refactoring useGame
refactoring useGame 2
React.Memo + بهینه سازی USECallback
Stryker غیر فعال کردن جهش
React-router:
URL چیست؟
Reactrouter و WebPack-dev-server
Params URL
redux intro:
شفافیت ارجاعی
redux مثال اصلی
ماژول بازی توسط TDD (اردک)
ماژول بازی توسط TDD با CreatesLice
ماژول بازی توسط TDD با CreateSlice 2
React + Redux و USEREDUCER
minesweeper با redux:
React-Redux
مزایای فروشگاه جهانی و Redux-Dev-Tools
Redux Middlewares و تایمر
Refactoring با Stryker