آموزش ضروری ریمیکس - آخرین آپدیت

مقدمه Introduction

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

• ساختن برنامه های وب مدرن با ریمیکس Building modern web apps with Remix

1. مقدمه ای برای ریمیکس 1. Introduction to Remix

• ریمیکس چیست؟ What is Remix?

• ایجاد یک پروژه ریمیکس Creating a Remix project

• پیوستن به شیوه های سبک Linking stylesheets

• ساخت مسیر ریشه Building the root route

• کار در الگوی سکو Working within the platform paradigm

• تمایز بین سرور و کد سمت مشتری Distinguishing between server-side and client-side code

2. مسیریابی ریمیکس 2. Remix Routing

• پارامترهای بارگیری پویا Dynamically loading parameters

• ایجاد یک مسیر تو در تو Creating a nested route

• با استفاده از یک لودر داده Using a data loader

• درک مسیریابی در ریمیکس Understanding routing in Remix

• ایجاد مسیر مشتری Making a client route

• ساختن یک مسیر پویا Building a dynamic route

3. بهینه سازی UI 3. UI Optimization

• ایجاد یک لیست فیلتر شده Creating a filtered list

• اضافه کردن سبک های پیچ خورده Adding Tailwind styles

• با استفاده از زمینه خروجی Using Outlet Context

• چالش: ایجاد منوی ناوبری Challenge: Creating a navigation menu

• راه حل: ایجاد منوی ناوبری Solution: Creating a navigation menu

4. ویژگی های پیشرفته ریمیکس 4. Advanced Remix Features

• مذاکره با خطاهای Typescript Negotiating with TypeScript errors

• با استفاده از اقدامات ریمیکس Using Remix Actions

• رسیدگی به خطا با ریمیکس Error handling with Remix

• ادامه داده ها با LocalStorage Persisting data with localStorage

• ایجاد فرم Creating forms

• کار با LocalStorage Working with localStorage

پایان Conclusion

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