90: David Hemphill - Using JSX with Vue.js

In this episode, Adam talks to David Hemphill about using JSX instead of templates in Vue.js, and why you might want to give it a try.

Show Notes

Topics include:

• What even is JSX, really?
• Why JSX is not a templating a language
• How render functions work
• Advantages of JSX over templates
• How to translate template features like v-if to JSX
• How event listeners work with JSX
• JSX gotchas to watch out for

Sponsors:

• Cloudinary, sign up and get 300,000 images/videos, 10GB of storage and 20GB of monthly bandwidth for free
• Rollbar, sign up at https://rollbar.com/fullstackradio to try their Bootstrap Plan free for 90 days

Links:

• Introducing JSX from the React documentation
• Render Functions & JSX in the Vue.js documentation
• Vue.js Template Explorer, see how Vue compiles templates to render functions
• babel-plugin-transform-vue-jsx on GitHub
• Vue Templates in JSX, article by Sebastian De Deyne
• Prettier code formatter
• Hyperscript
• Why React uses "className" instead of "class"
• Writing Vue.js Render Functions in JSX from Alligator.io

What is Full Stack Radio?

A podcast for developers interested in building great software products. Every episode, Adam Wathan is joined by a guest to talk about everything from product design and user experience to unit testing and system administration.