# Vue

## Vue 3

{% embed url="<https://tsh.io/blog/vue-new-features/>" %}

{% embed url="<https://v3.vuejs.org/guide/migration/introduction.html#breaking-changes>" %}
Vue Migration Guide to 3.0
{% endembed %}

[Vue 3 Cheatsheet](https://www.vuemastery.com/pdf/Vue-3-Cheat-Sheet.pdf)

## Renderless Vue components

Renderless components separates the rendering and state logic that drives the rendering. This pattern is very useful if the rendering need to be UI library agnostic. This also gives maximum flexibility to customize the UI of the component.

* An introduction - <https://adamwathan.me/renderless-components-in-vuejs/>
* A language selector component as Headless/Renderless component - Demo: <https://csb-2hd7s.netlify.app/> Code: <https://codesandbox.io/s/renderless-language-selector-2hd7s>�

## Patterns and best practices

* <https://github.com/gothinkster/vue-realworld-example-app>
* <https://github.com/kodilan-com/frontend> A real application with lot of good practices
* Tips: <https://itnext.io/a-few-handy-vue-js-tricks-832703cff426>