Progressive Javascript: Why React when you can Vue?

Jan 2019

7 Mon

8 Tue

9 Wed

10 Thu 09:15 AM – 05:40 PM IST

11 Fri

12 Sat

13 Sun

Make a submission

MCCIA Trade Tower, Pune

JSFoo is the annual JavaScript conference hosted by HasGeek. The Pune edition is the second edition (JSFoo in Pune in 2012, and ReactFoo in January 2018).

HasGeek launched JSFoo in 2011 as India’s first JavaScript conference. The JS community in India has grown phenomenally since then. JavaScript now prevades every aspect of web development - browsers, apps, front-end, back-end, mobile and IoT, and there’s always scope to understand new ideas and solutions. The conference explores new ideas, implementing innovative solutions, and learning from experiences, especially negative ones.

Want to see the talks from last year’s conference? Watch the JSFoo 2018 videos or the related ReactFoo 2018 videos.

Hosted by

JSFoo

JSFoo is a forum for discussing UI engineering; fullstack development; web applications engineering, performance, security and design; accessibility; and latest developments in #JavaScript. Follow JSFoo on Twitter more

All submissions

Previous Next

Progressive Javascript: Why React when you can Vue?

Submitted Sep 29, 2018

Section: Full talk Technical level: Intermediate

We had just started to realize that Angular was subject to bloated sluggishness syndrome – when the content expanded, the page would drag and throttle – along came the React with Redux superhero. With the tides of scalability on the rise, React became popular among developers as it took care of the content model, the immutable javascript and the boilerplates for you. Meanwhile, as UIs become complex VueJS was solving the problems of effortless change-detection in complex interfaces among many other features. VueJS is a lightweight, less opinionated framework and highly progressive framework that helps build beautiful web interfaces. And it gets along very well with other web tools. In the typical MVC web application architecture, Vue acts as the View, meaning it lets you see display portions of the data.

More choices, more problems. Right? This talk would be specially focused around what features the VueJS framework bring to the table, which compromises would you make while choosing your suitable framework, and what out of the box magic props would you be getting if you sided with VueJS. With a minimal arsenal of experimenting with ReactJS and VueJS, and handling migrations of projects to VueJS in the past year, I intend to share my experience with the javascript community and enthusiasts.

Outline

Broadly, we will be focused around areas that bring out the value additions to a project of considerable scale, including but not restricted to the following:

Say a brief hello to VueJS – library or framework? ( for those who haven’t Vue’d before! )
Salient features of VueJS – choice and control
Two-way data binding made simpler – no more controlled components
How Vue tackles application scalability
Integration with modern javascript frameworks – the template compiler
Custom directives for DOM manipulation
How the mortal Vue fares against the React and Angular gods.
Lessons learnt from migrations of existing React Projects

The talk would be illustration and example driven with the objective of outlining what makes the building blocks for choosing the right javascript framework in the industry.

Requirements

Some prior knowledge of any javascript framework would help you appreciate the joy of this talk. However, we follow the blank slate protocol here.

Speaker bio

Sonal (@_sonalraj) is a Senior Engineer at D.E.Shaw. He has been an avid pythonista, front end developer and design geek for over 10 years. He spends a good part of his time tinkering with UI/UX and software design and has been part of fseveral full stack development efforts. Sonal holds a masters in Information Technology, and pursues research in the fields of image processing, education technology and graph databases. Sonal has been a technical speaker and is also the author of the book ‘Neo4j High Performance’.