ReactFoo-VueDay Pune edition

ReactFoo-VueDay Pune edition

React and Vue for performance engineering and front-end development

Tickets

Loading…

Dhiraj Shrotri

@dhiraj_shrotri

Decorating Vue with TypeScript Decorators

Submitted Feb 10, 2020

A decorator is a special kind of declaration that can help in extending the functionality of your code. Decorators can be attached to a class declaration, method, accessor, property, or parameter. In its simplest form, a decorator is simply a way of wrapping one peice of code with another i.e ‘decorating it’. In this talk I’ll talk about how decorators can be used in Vuejs components and how to write custom decorators to suit your needs.

Outline

What are decorators and what’s so great about them?
Decorators in Typescript
A quick look at Decorator Factories
Getting started with Typescript and Vue
Using Typescript in your Vue apps
Using Typescript Decorators to extend functionality of a Vue Component
Introduction to the Vue Class Component and Vue Property Decorator libraries
Writing custom decorators using the Vue Class Component Library

Requirements

Basic understanding of Typescript

Speaker bio

Hi! I am Dhiraj. I am currently working as a Full Stack Developer at Cloudnaut Technologies for the past one and a half year. Lately I’ve been experimenting with using TypeScript with Vuejs and honestly starting to prefer the combination of Typescript+Vue over Javascript+Vue.

Slides

https://slides.com/dhirajshrotri/deck/fullscreen

Comments

{{ gettext('Login to leave a comment') }}

{{ gettext('Post a comment…') }}
{{ gettext('New comment') }}
{{ formTitle }}

{{ errorMsg }}

{{ gettext('No comments posted yet') }}

Hybrid access (members only)

Hosted by

A community - for and of - front-end engineers to share experiences with ReactJS, performant apps with React, crafting better User Interfaces (UI) with React and GraphQL ecosystem. ReactFoo also discusses design patterns and user experience. more