111Tuesday, September 11, 2018Sneak Peek at NativeScript-Vue 2.0; Transcription of the last two Q&A sessions with the Core Team; Learn how to build your own state management tool.
Hello,
it’s incredible how much momentum NativeScript-Vue is getting since the initial announcement at Vue.js Amsterdam this year. Just half a year later, Jen Looper is already talking about the 2.0 release. 🔥
If you’re looking for learning materials – here’s a really good list by Dobromir Hristov with some of the available materials in 2018. One extra advice from me – join the official Vue.js Discord server. Thousands of other likeminded developers ready to talk and help you on your journey! 🤖
Speaking of the Discord channel – last weekend we had a Q&A session with me and Chris Fritz about best practices. Check out the transcription here.
Enjoy, — Damian Dulisz
Stories
A Sneak Peek of NativeScript-Vue 2.0!
NativeScript-Vue is slowly reaching the 2.0 release and in this article Jen Looper is giving us a sneak peek of the incoming changes. Most important changes: file structure is will be more similar to that of a standard NativeScript. Thanks to this, it will also support NativeScript Sidekick – a companion app that helps you create native apps much faster.
Q&A with the Chris Fritz and Damian Dulisz
Here’s the transcription from the recent Q&A session about Best Practices in Vue. The questions touched on topics like: when to use Vuex, when to split components, what to avoid when designing components and many others.
In case you missed the previous Q&A with Evan and Guillaume, you can find the online transcription here.
Take the State of JavaScript 2018 Survey!
As every year, the State of JavaScript survey returns. Last year Vue.js was voted the most “would like to learn” framework of 2017. I wonder what the 2018 results will bring.
Vue Directory Tree with Notes
Here’s another cool thing from Sarah Drasner – a directory tree viewer with files from the Vue core library with some additional notes that should help you understand how Vue is constructed. The notes come from a core-team meeting where Evan was introducing team members to the framework internals.
Vue State Management From The Ground Up
This one reminds me of a workshop Evan You has given last year at VueConf EU. In this brilliant (and funny) article, Adrià Fontcuberta shows how you can build your own version of Vuex. Spoiler Alert To some degree, Vuex is just an additional abstraction layer on top of a Vue instance.
A brief review of Vue learning resources — State of 2018
A nice summary of most of the available Vue learning materials out there. If you’re looking for places to learn – this is something for you.
Comparing the React and Vue Ecosystems with a Real-World SPA
While there are many articles comparing the Vue and React core libraries, this one explores the differences between real-world SPAs to discover which ecosystem of tools provides a better development experience.
Building VueJS Applications with TypeScript
In this article, George Hanson will show you how to add TypeScript support when using the new Vue-CLI 3.0. Plot twist — instead of using Vue files, George prefers to write TypeScript and HTML files separately. To be able to connect those two, he has written a simple shim to be able to import HTML files as compiled render functions for his components. Smart move!
Nuxt.js on Brotli
You probably heard about GZIP – it’s used widely to compress website assets around the web. However, there are alternatives to GZIP. One of them is called Brotli, created by Google. Here’s an article by Alexander Lichter, who explains how to use it with Nuxt.js thanks to a middleware called ShrinkRay.
Libraries
GitHub - mbj36/vue-burger-menu
🍔 An off-canvas sidebar Vue component – [DEMO](https://vue-burger-menu.netlify.com/)
GitHub - skmail/vue-free-transform
VueJS component for resizing, dragging and rotating html elements using css transform matrix
GitHub - 40818419/vue-router-sitemap
Generate sitemap.xml by vue-router configuration