VueConf US 2018

Talks

1. State of Vue

Evan You

2. How We Do Vue At GitLab

Jacob Schatz

3. Vue in Motion

Rachel Nabors

4. Testing Vue apps

Edd Yerburgh

5. Serverless Functions and Vue.js

Sarah Drasner

6. vue-rx

John Lindquist

7. Create an Engaging Native Mobile App with Vue and NativeScript

Jen Looper

8. 7 secret patterns Vue consultants don't want you to know

Chris Fritz

9. Agile Design Systems in Vue

Miriam Suzanne

10. Vue & TypeScript: Up and Running

Daniel Rosenwasser

11. A React Point of Vue

Divya Sasidharan

12. Vue & SSR: The best practices

Sebastien Chopin

13. A Short Synopsis of Vue Storybook

Peter Finn

14. Prototyping with Vue Single File Component

Pine Wu

15. 5 Libraries You Should Know About

Adam Jahr

16. Update an Existing Application to Vue

Michael Bennett

17. Vue and Vuex for Complex Application State

Patrick Seda

18. Top 5 Must-Have UI Animation Patterns

Rachel Nabors

19. The Dream: A Full Rewrite

Seth White

20. Start Your Own Vue.js Meetup

Ben Hong

21. Reusability - Is It Worth It?

Shelton Clinard

22. Reactivity - Learning by Accident

Jeff Schenck

23. Quick Publishing of Redistributable SFC on NPM

Mike Dodge

24. OverVue of Vuetify.js

CJ

25. Ionic and Vue

Mike Hartington

26. Dynamic Store Modules with Vuex

Adam Bradford

27. Build a MiniFlix Clone with Vue Contest

Dan Zeitman

28. Beyond HTML with Vue

Eduardo San Martin Morote

29. Vue with AWS Lambda

Matt Biilmann

30. 40 Hour Plan For UX Proficiency

Jacob Covey

31. Code Splitting Patterns with Vue

Sean Thomas Larkin
Notify me when new talks are available.

A React Point of Vue

A React Point of Vue

Divya Sasidharan

Divya Sasidharan is a professional Front End developer who transitioned from using React to using Vue. In her talk, React Point of Vue, she shares her experience of applying what she knew about React to Vue, and how she altered her ways of thinking and coding in order to use Vue more effectively.

Components

Using the example of a cup of tea and the various components it may consist of (tea, water, milk, sugar), Divya compares how you’d work with components in Vue vs. React.

For example, while you’d use .map to render out multiple sugar components based on an array, you’d use v-for in Vue instead. When conditionally rendering a component based on props, instead of using a ternary expression in the render method of a React component, you can simply use v-if / v-else in the template of a Vue component.

She explains that with Vue, you’re thinking about constructing a template and then adding logic to it, with a clear separation of concerns, whereas with React you’re doing both simultaneously.

Render Children

Divya explains the differences of how React and Vue handle the rendering of a component’s children (nested components). She starts off showing how you’d do so in React, with React.createElement and then shows how you could force Vue to behave very similarly by manually using createElement inside of the Vue component’s render method.

While that approach makes sense for a React developer, Divya demonstrates how the more Vue-like way to accomplish this is by simply using slots.

Render Props

Divya introduces the concept of render props, which is a technique for sharing code between React components using a prop whose value is a function. With this in mind, she explores how to share state from parent to child, and child to parent. She continues with the example of the tea, but adds a dimension of a dynamic container for that tea: should it come in a cup or a togo cup.

Creating a layered map

Her talk concludes with an in depth look at taking the concepts above and building upon them in order to create a multi-layered map with components that share state.