Adam Wathan

Technika

90: David Hemphill - Using JSX with Vue.js

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.

Topics include:<ul>
<li>What even is JSX, really?</li>
<li>Why JSX is not a templating a language</li>
<li>How render functions work</li>
<li>Advantages of JSX over templates</li>
<li>How to translate template features like v-if to JSX</li>
<li>How event listeners work with JSX</li>
<li>JSX gotchas to watch out for</li>
</ul>Sponsors:<ul>
<li>
<a href="https://cloudinary.com/users/register/free?utm_source=fullstackradio&utm_medium=Sponsored_Podcast&utm_content=fullstackradio_PodCast">Cloudinary</a>, sign up and get 300,000 images/videos, 10GB of storage and 20GB of monthly bandwidth for free</li>
<li>
<a href="https://rollbar.com/fullstackradio">Rollbar</a>, sign up at https://rollbar.com/fullstackradio to try their Bootstrap Plan free for 90 days</li>
</ul>Links:<ul>
<li>
<a href="https://reactjs.org/docs/introducing-jsx.html">Introducing JSX</a> from the React documentation</li>
<li>
<a href="https://vuejs.org/v2/guide/render-function.html">Render Functions & JSX</a> in the Vue.js documentation</li>
<li>
<a href="https://template-explorer.vuejs.org/">Vue.js Template Explorer</a>, see how Vue compiles templates to render functions</li>
<li>
<a href="https://github.com/vuejs/babel-plugin-transform-vue-jsx">babel-plugin-transform-vue-jsx</a> on GitHub</li>
<li>
<a href="https://sebastiandedeyne.com/vue-templates-in-jsx">Vue Templates in JSX</a>, article by <a href="https://twitter.com/sebdedeyne">Sebastian De Deyne</a>
</li>
<li>
<a href="https://prettier.io/">Prettier</a> code formatter</li>
<li><a href="https://github.com/hyperhype/hyperscript">Hyperscript</a></li>
<li><a href="https://www.quora.com/Why-do-I-have-to-use-className-instead-of-class-in-ReactJs-components-done-in-JSX-JSX-is-preprocessed-so-shouldnt-that-conversion-happen-when-JSX-is-converted-to-JavaScript">Why React uses "className" instead of "class"</a></li>
<li>
<a href="https://alligator.io/vuejs/jsx-render-functions/">Writing Vue.js Render Functions in JSX</a> from Alligator.io</li>
</ul>

Topics include:<ul><li>What even is JSX, really?</li><li>Why JSX is not a templating a language</li><li>How render functions work</li><li>Advantages of JSX over templates</li><li>How to translate template features like v-if to JSX</li><li>How event listeners work with JSX</li><li>JSX gotchas to watch out for</li></ul>Sponsors:<ul><li><a href="https://cloudinary.com/users/register/free?utm_source=fullstackradio&utm_medium=Sponsored_Podcast&utm_content=fullstackradio_PodCast">Cloudinary</a>, sign up and get 300,000 images/videos, 10GB of storage and 20GB of monthly bandwidth for free</li><li><a href="https://rollbar.com/fullstackradio">Rollbar</a>, sign up at https://rollbar.com/fullstackradio to try their Bootstrap Plan free for 90 days</li></ul>Links:<ul><li><a href="https://reactjs.org/docs/introducing-jsx.html">Introducing JSX</a> from the React documentation</li><li><a href="https://vuejs.org/v2/guide/render-function.html">Render Functions & JSX</a> in the Vue.js documentation</li><li><a href="https://template-explorer.vuejs.org/">Vue.js Template Explorer</a>, see how Vue compiles templates to render functions</li><li><a href="https://github.com/vuejs/babel-plugin-transform-vue-jsx">babel-plugin-transform-vue-jsx</a> on GitHub</li><li><a href="https://sebastiandedeyne.com/vue-templates-in-jsx">Vue Templates in JSX</a>, article by <a href="https://twitter.com/sebdedeyne">Sebastian De Deyne</a></li><li><a href="https://prettier.io/">Prettier</a> code formatter</li><li><a href="https://github.com/hyperhype/hyperscript">Hyperscript</a></li><li><a href="https://www.quora.com/Why-do-I-have-to-use-className-instead-of-class-in-ReactJs-components-done-in-JSX-JSX-is-preprocessed-so-shouldnt-that-conversion-happen-when-JSX-is-converted-to-JavaScript">Why React uses "className" instead of "class"</a></li><li><a href="https://alligator.io/vuejs/jsx-render-functions/">Writing Vue.js Render Functions in JSX</a> from Alligator.io</li></ul>

Aplikace Youradio Talk

90: David Hemphill - Using JSX with Vue.js

Poslechněte si podcast