معماری پروژه های Large-Scale در ری‌اکت با استفاده از Next.js

برای دسترسی به دوره های رایگان می توانید به پیج آموزش ری اکت مراجعه کنید.
یکی از مباحث پر اهمیت در پیاده سازی هر اپلیکیشنی ، بحث معماری استفاده شده در اپلیکیشن هاست. به طور کلی معماری به این موضوع می پردازد که اپلیکیشن به چه نحوی پیاده سازی شود تا قابلیت نگه داری، قابلیت استفاده مجدد، قابلیت در دسترس بودن اپلیکیشن افزایش یابد. یکی از چالش های پیاده سازی زمانی است که اپلیکیشن رشد می کند در این حالت مدیریت کد و بخش های مختلف اپلیکشن پر اهمیت تر می شود. 

در این دوره پیاده سازی ورژن جدید پلتفرم آموزشی کلاسبن به شکل گام به گام آموزش داده می شود. از طراحی رابط کابری تا طراحی  معماری اپلیکیشن تا پیاده سازی جز به جز کامپوننت ها. 

تکنولوژی ها و فریم ورک های جذابی در این دوره استفاده شده است. این پروژه با استفاده از Next.js App Router پیاده سازی شده است. در کنار مفاهیم پیشرفته ری اکت و البته مفاهیم پروژه های Large-Scale. از TailwindCSS برای طراحی رابط کاربری استفاده می کنیم و البته از مفاهیم پیشرفته تر Tailwind برای ساخت بیش از 40 کامپوننت پیشرفته استفاده می شود. تست نویسی یکی دیگر از اجزای مهم اپلیکیشن های Large-Scale است. از React Testing Library - Jest و Cypress برای تست کامپوننت ها، unit test ها، integration test ها و end-to-end test ها استفاده می کنیم. بخش تست نویسی در این دوره یکی از جذاب ترین بخش های این دوره می باشد. در ادامه از Storybook برای مستند سازی کامپوننت ها هم استفاده می کنیم و نتیجه تست ها را در این ابزار ویژه به عنوان گزارش پیاده سازی می کنیم. State Mangement یکی دیگ