Issue #98 - Vue.js 3 Roadmap, Build an Instagram clone with Vue.js and CSSGram, and more

Welcome to the first issue of the Vue.js Developers Newsletter for 2019!

If you're chomping at the bit for Vue.js 3, you can keep track of progress with the Vue.js 3 Roadmap released by Evan this week.

You may notice that the newsletter looks different this week. That's because I've decided to migrate off Revue, the newsletter software I used for issues 1-97, and instead just create and send it with my email host, Mailchimp.

Revue is a great product, the problem for me was that it was complicated (and expensive) managing subscribers over two separate email services.

So I built my own very basic newsletter creation app (with Vue, of course) where I can add article links and spit out the HTML that gets pasted into the email.

You'll probably agree it looks much plainer right now without the meta images, but I plan on tricking it out a bit over the coming weeks.

If you have any feedback or spot any bugs please let me know!

Our latest Vue.js article

Bad UX in Web Apps that Perform Intensive Tasks (and How to Avoid it with Queues)

If you're processing CSVs, resizing images, or doing other time-consuming tasks in your web app, consider this architecture to keep users happy while your tasks complete.

6 Must-Read Links From This Week

Build an Instagram clone with Vue.js and CSSGram

Here's a tutorial for building an Instagram clone with Vue.js and CSSGram, a library of CSS filters that recreate the classic Instagram image filters.

8 Vue.js UI Component for 2019

This article showcases eight interesting Vue UI components with a summary of what they do and a GIF demo.

A Different Vue on Single File Components

This article introduces vue-literal-compiler, which finds template literals defined in a .js or .ts file and compiles them into render functions at build time. This will help you get the best TypeScript experience from Vue.

Vue.js Best Practices

Here's a list of best practices and style guides for more correct and commonly accepted ways of using Vue.js.

Storing and Using the Last Known Route in Vue

Keeping a reference to the last route a user visited can come in handy e.g. if you're working with a multi-step form and want to allow the user to come back to the step they were on. This tutorial shows you how to store the last known route and then fetch it when you need it.

Updating Reactive Values Can Cause Some Non-Reactive Values To Re-Render In Vue.js 2.5.21

This article highlights some gotchas when using the provide/inject API in Vue 2.5.21 and provides insights into Vue's reactivity model.

Sponsored

Vue.js Material Component Framework | Vuetify.js

Build stunning applications with the #1 Vue Material framework.

Build Your First Vue.js App | Vue.js Developers

Want a fun and powerful introduction to Vue 2? Take this FREE 2-hour video course to learn the basic features and build a real VueJS web app.

Full-Stack Vue.js 2 and Laravel 5 | PACKT Books

This book, written for Laravel developers who want to learn and master Vue, provides a detailed guide to full-stack development with these technologies, emphasizing design principles and best practices.

Want your sponsored link or post in the next issue? Reply to this email to ask about rates!

Thanks for reading!

If you enjoyed this issue, show your support by buying me a coffee, or if you’d like to support me to create the newsletter ongoingly, you can make a pledge through Patreon.

Until next week,
Anthony Gore, curator

Continue the conversation with Vue.js Developers on social media: