Vue JS with Composition API & Pinia Full Tutorial
#Vuejs #CompositionAPI #Pinia #statemanagement
BEFORE YOU START:
1. Download the code for the initial version: https://github.com/Daweb-Schools/vue-...
(If you're not familiar with Git, just click the "Code" button and download the Zip file)
2. Install vite on your machine by typing in the terminal: npm install vite -g
3. Open the project's folder on VS Code, start a new terminal and type npm install
4. When all dependencies have been installed, run the project by typing vite.
GET THE CODE FOR THE MODAL WINDOW COMPONENT:
https://docs.google.com/document/d/1-...
CHECK THE COMPLETE FRONT-END DEVELOPMENT COURSE: https://dawebschools.com/course/compl...
CHAPTERS
00:00:00 Introduction
00:01:02 Presentation of the Project
00:01:35 Project Set-up
00:02:29 Reactivity with Ref
00:07:34 Reactive
00:15:23 Components, Props and Scoped Styles
00:23:05 Adding IDs to Tasks
00:30:30 Filtering Tasks by State
00:39:43 Computed Properties
00:43:40 The Modal Component
00:49:33 Component Slots
00:55:21 State Management with Pinia
00:58:54 Getting Started with Pinia
01:06:51 Creating the Tasks Store
01:16:07 The Modal to Add New Tasks
01:23:30 Adding Tasks to the Local Storage
01:32:37 Ending
Watch video Vue JS with Composition API & Pinia Full Tutorial online without registration, duration hours minute second in high quality. This video was added by user Daweb Schools • Learn to code today! 30 October 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 306 once and liked it 16 people.