آموزش پروژه محور Vuex

همانطور که در دوره آموزشی پروژه محور ویوجی‌اس گفته شد، ویوجی‌اس به تنهایی یک کتابخانه محسوب می‌شود، اما در طول سال‌های اخیر کتابخانه‌ها و ماژول‌های متفاوتی برای ویوجی‌اس توسعه داده شده که به کار بردن آن‌ها در کنار ویوجی‌اس باعث می‌شود که این کتابخانه پرطرفدار به یک فریمورک یا چهارچوب محکم برای توسعه وب اپلیکیشن‌ها تبدیل شود. Vuex یکی از آن کتابخانه‌هاست. Vuex در واقع یک کتابخانه برای مدیریت Stateها در وب اپلیکیشن است. اما منظور از این جمله چیست؟ State در واژه‌شناسی توسعه وب به داده‌هایی گفته می‌شود که کامپوننت‌های مختلف شما از آن‌ها استفاده می‌کنند. از آنجایی که مدیریت و تغییر داده‌ها به صورت مجزا و از طریق کامپوننت جداگانه کاری مشکل به حساب می‌آید ما نیاز داریم که داده‌های‌مان را ابتدای کار در یک منبع کلی یا Source of Truth قرار دهیم. این دقیقا کاری‌ست که در ایجاد آن Vuex به ما کمک می‌کند.

vuex یک کتابخانه Vuejs محسوب می‌شود که به شما کمک می‌کند ارتباط کامپوننت‌ها با یک دیگر را بر اساس یک الگو ساده‌تر ایجاد کنید. Vuex برای مدیریت بهتر stateها و ایجاد راحتر‌ ارتباط بین آن‌ها مورد استفاده قرار میگیرد و به شما کمک می‌کند تا در پروژه‌های بزرگ مدیریت stateها را راحتر‌ انجام دهید.

در جلسه ابتدای دوره آموزش Vuex در مورد اینکه Vuex دقیقا چیست به شکل ویدیوی صحبت می‌کنیم و نکات لازم برای درک آن را به شما انتقال خواهم داد.

چرا به Vuex نیاز دارید؟

احتمالا این سوال برای شما پیش آمده که چرا اصلا باید از Vuex استفاده کنید؟ چرا dataها را در داخل یک فایل جاوا اسکریپت قرار نمی‌دهیم تا بعدا از همان فایل در هر کامپونتتی که خواستیم استفاده کنیم ؟

دقت کنید که قطعا چنین کاری را می‌توانید انجام دهید، اما استفاده کردن از Vuex قطعا دارای مزیت‌های بسیار زیادتر نسبت به ذخیره سازی اطلاعات در یک فایل‌ دارد‌:

• زمانی که شما اطلاعاتی را در Vuex تغییر می‌دهید،‌ این اطلاعات به سرعت در کامپوننت‌های دیگری که استفاده می‌شود به روز می‌شود و view آن‌ها یک‌بار دیگر اجرا خواهد شد.
   
• حالت ذخیره‌سازی، ویرایش یا حذف مقادیر دیگر در داخل کامپوننت‌ها اتفاق نمی‌افتد و به عنوان یک واحد کل همه موارد در داخل Vuex انجام می‌شود مانند یک دیتابیس که در پروژه‌ها استفاده می‌کنید.
• به لطف ادغام آسان Vuex با ابزار توسعه‌دهندگان Vue دیباگ کردن چنین پروژه‌هایی آسان‌تر است.
• در Vuex به دلیل واحد بودن ارتباطات بین کامپوننت‌ها شما می‌توانید تمام ارتباطات را زیر نظر داشته باشید و کنترل کنید و در صورت نیاز به تغییر خیلی ساده این کار را انجام دهید.
• با استفاده از Vuex شما می‌توانید ارتباط بین کامپوننت‌ها را به شکل ساده‌تری ایجاد کنید و دیگر نیاز به استفاده از حالت custom event نخواهید داشت.

موارد بالا تازه بخشی از ویژگی‌های Vuex محسوب می‌شود که در طی دوره آموزش Vuex آن‌ها را به شکل دقیق به شما آموزش خواهیم داد.

چرا باید Vuex را از مجموعه راکت یاد بگیرید؟

ما در راکت سعی کرد‌ه‌ایم به شکل کامل و کاربردی کتابخانه Vuex را برای مدیریت ساده‌تر روی stateهای داخل کامپوننت به شما آموزش دهیم.

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

پیش‌نیاز‌های دوره آموزشی Vuex

ابتدای کار شما نیاز دارید که بخوبی با جاوااسکریپت آشنایی داشته باشید و سپس سراغ یادگیری ویوجی‌اس بروید. بعد از این کار بصورت خودکار درست با مشکلاتی که استفاده نکردن از Vuex باعث ایجاد آن‌ها می‌شود آشنا شده و سپس خودتان بصورت مشتاقانه وارد فرایند یادگیری این دوره آموزشی خواهید شد. برای یادگیری جاوااسکریپت می‌توانید از دوره‌های آموزشی جاوااسکریپت و برای یادگیری ویوجی‌اس از دوره آموزشی پروژه محور ویوجی‌اس استفاده کنید.

در این دوره آموزشی چه چیزهایی را یاد خواهید گرفت:

• آشنایی با مفاهیم اولیه Vuex و مشکلاتی که این کتابخانه برای ما حل می‌کند.
• اجرا کردن Vuex و آشنا شدن با موضوع Stateها
• آشنایی با عملیات‌هایی مانند Getter، Mutation، Action
• انجام پروژه To-Do list
• انجام پروژه ایجاد یک سبد خرید
• انجام پروژه گفتگوی آنلاین (چت)