Войти
  • 55415Просмотров
  • 8 месяцев назадОпубликованоSyntax

Modern Vue.js Crash Course 2025 | with TypeScript + script setup + Composition API

In this video CJ gives a crash course in building front-end applications with - he covers state management, components, scoped styles, form state, dom events, emitting events from child components, listening for events in parent components, defining / passing props, rendering lists and more! View the code here: 00:00 intro 01:47 create vue app with vite 04:18 vue templates are HTML with magic 04:33 component styles can be scoped 05:16 component script / state 06:14 vue dev tools 07:34 form input state 09:15 dom events 10:26 defining components 12:00 emitting events from child components 13:08 listening for events in parent component 14:01 reactive state with arrays 15:57 form reset / validation 19:18 list rendering 20:25 passing props to components 22:48 conditional rendering 24:05 updating state in child 24:53 modifying props is an anti-pattern 25:12 emit events instead of changing props 26:53 css class binding 27:59 computed state 30:02 remove elements from an array 32:11 vue transition group 33:58 filtering array by type 41:23 thanks! 🔥 Be the ~14,700th person to join our super tasty newsletter All links available at ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: Scott: Wes: CJ: Randy: @randyrektor Brought to you by #vue #typescript #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev