Jul 31, 2018

Vue.js Developers Issue #75 - Using React-Style Callback Props With Vue: Pros and Cons, Vue CLI 3: A New Era in Frontend Development, Testing Vue Components: A Cheat Sheet, and more

By Anthony Gore • Issue #75 • View online

Laracon US 2018 was held in Chicago last week, as Laravel fans may know. There are two interesting Vue.js-related stories to come out of it.

Firstly, an official admin panel for Laravel sites will be released in August called Laravel Nova. One cool thing about Nova is that it’s a Vue.js SPA with Vue & Vue Router, and can be customized by adding your own Vue components.

Secondly, Vue creator Evan You did a talk at the conference in which he showed off Vue CLI 3 and demonstrated how it can be used easily in a Laravel project. There’s no public video of Evan’s talk yet, but you can play around with the example project he made (link below).

GitHub - yyx990803/laravel-vue-cli-3: Example project using Vue CLI 3 with Laravel

Example project using Vue CLI 3 with Laravel

github.com • Share

Our Latest Vue.js Article

Using React-Style Callback Props With Vue: Pros and Cons

In React, you can pass a function as a prop. This can also be done in Vue as an alternative to using events. This article discusses the pros and cons of this approach.

vuejsdevelopers.com • Share

6 Must-Read Links From This Week

Vue CLI 3: A New Era in Frontend Development

Vue.js improves with each update, but Vue CLI 3 has set a new industry standard. Tomasz Żdanuk goes over the exciting new features of the CLI including the recently added GUI.

naturaily.com • Share

Testing Vue Components: A Cheat Sheet

James O'Shea has created a useful guide for component testing with Vue and Jest.

medium.com • Share

I Created the Exact Same App in React and Vue. Here Are the Differences.

The author of this article was curious about the differences between Vue and React and decided to build a to-do app with both frameworks to find out.

medium.com • Share

What's the Deal With Functional Components in Vue.js?

What are functional components in Vue.js? Why use should you care about them? When should you use them? These key questions are addressed in this article.

medium.com • Share

Code Splitting Pattern With Vuejs & Webpack

The initial request of a Vue single-page app can be slow if you retrieve the whole JavaScript and CSS. Code splitting, a technique made possible with Webpack, can distribute code across page loads to improve a site’s UX.

medium.com • Share

Unit Testing Vue Router

Since a router involves multiple components, routing tests usually take place at the E2E or integration level. However, having some unit tests around your routing can be beneficial as well.

medium.com • Share