90: David Hemphill - Using JSX with Vue.js

Full Stack Radio

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