Workshop: Vue 3: Master the Composition API

Версія Vue 3 та Composition API існують вже понад 3 роки. Тим часом екосистема розвинулася, і з’явилися Best Practices. Однак багато існуючих програм досі не перейшли на Vue 3 чи все ще використовують Options API!

На цьому воркшопі ви дізнаєтеся, як перенести існуючі програми, а також ознайомитеся з перевіреними шаблонами, побачите підводні камені та отримаєте рекомендації.

Після цього семінару ви будете мати чітке розуміння Composition API. Ви також зможете виконувати міграції з Options API до Composition API. Ви вивчите синтаксис < script setup > і більше не зможете обійтися без нього!

Від автора: Ви виконаєте вправи, перш ніж я розкажу вам теорію та основи. Таким чином, ви дізнаєтесь про найважливіші концепції Nuxt.js на практиці, а не прослуховуючи чи копіюючи рядки коду зі слайдів. Після кожної вправи ми разом розглядатимемо рішення та теорію, закріплюючи те, що ви дізналися.

Дата та час: 24 листопада, 10:00 - 17:00 (за київським часом, GMT+3). Тривалість: 7 годин з перервами.

Платформа: Zoom. Ми надішлемо вам посилання напередодні воркшопу, і ви також знайдете його на цій сторінці.

Мова заходу та презентації: англійська

Кількість учасників: 25

Аудиторія:

Воркшоп призначений для розробників, які вже мають досвід роботи з Vue (неважливо, 2 чи 3) і добре розуміють Options API. Також необхідні базові знання JavaScript.

Program:

• What is the Composition API?
• Why was it created?
• What problems does the Options API have?

• Anatomy of the composition API
• setup ()
• < script setup >

• Comparison to Options API
• ref vs. reactive

• Lifecycle Hooks
• Watching properties
• Computed properties

• Creating your own composables
• VueUse
• State management

• Naming conventions
• TypeScript and the Composition API
• Migration strategies
• When to use CAPI vs. OAPI?