90: David Hemphill - Using JSX with Vue.js
Jun 13, 2018•1 hr 4 min•Ep. 90
Listen to this episode in Metacast mobile app
Don't just listen to podcasts. Learn from them with transcripts, summaries, and chapters for every episode. Skim, search, and bookmark insights. Learn more
Episode description
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
For the best experience, listen in Metacast app for iOS or Android