Adam Wathan

Technika

114: Sebastian De Deyne - React for Vue Developers

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>How Vue focuses on making things easy at the cost of a more complex API, while React focuses on keeping things simple at the cost of a steeper learning curve</li>
<li>How to translate Vue's computed properties to React using the useMemo hook</li>
<li>How to translate Vue's watchers to React using the useEffect hook</li>
<li>How to translate Vue's v-model to React using value props and event listeners</li>
<li>How to translate Vue's events to React using callback props</li>
<li>How to translate Vue's slots to React by passing JSX as a normal prop</li>
<li>How to handle transitions in React with libraries like Pose</li>
</ul>Sponsors:<ul>
<li>
<a href="https://www.digitalocean.com/?refcode=74a1c5d63dac&utm_source=fullstackradio&utm_medium=podcast&utm_campaign=DO_Dev_Signup_Cold_FullStackRadio_Podcast">DigitalOcean</a>, get your free $100 credit at <a href="https://do.co/fullstack">do.co/fullstack</a>
</li>
<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>
</ul>Links:<ul>
<li>
<a href="https://sebastiandedeyne.com/why-i-prefer-react-over-vue">Why I prefer React over Vue</a>, from Sebastian's blog</li>
<li><a href="https://reactjs.org/docs/getting-started.html">React docs</a></li>
<li><a href="https://www.youtube.com/watch?v=V-QO-KO90iQ">Introducing Hooks at React Conf</a></li>
<li><a href="https://reactjs.org/docs/hooks-intro.html">Hooks docs</a></li>
<li><a href="https://template-explorer.vuejs.org/#%3Cdiv%20id%3D%22app%22%3E%0A%20%20%3Cselect%20v-model%3D%22selectModel%22%3E%3C%2Fselect%3E%0A%20%20%3Cinput%20type%3D%22text%22%20v-model%3D%22textModel%22%3E%0A%20%20%3Cinput%20type%3D%22checkbox%22%20value%3D%22foo%22%20v-model%3D%22checkboxModel%22%3E%0A%20%20%3Cinput%20type%3D%22radio%22%20value%3D%22foo%22%20v-model%3D%22radioModel%22%3E%0A%3C%2Fdiv%3E">Vue Template Explorer</a></li>
<li>
<a href="https://popmotion.io/pose/">Pose</a>, animation library for React and Vue</li>
<li>
<a href="https://overreacted.io/">Overreacted.io</a>, Dan Abramov's React blog</li>
</ul>

Topics include:<ul><li>How Vue focuses on making things easy at the cost of a more complex API, while React focuses on keeping things simple at the cost of a steeper learning curve</li><li>How to translate Vue's computed properties to React using the useMemo hook</li><li>How to translate Vue's watchers to React using the useEffect hook</li><li>How to translate Vue's v-model to React using value props and event listeners</li><li>How to translate Vue's events to React using callback props</li><li>How to translate Vue's slots to React by passing JSX as a normal prop</li><li>How to handle transitions in React with libraries like Pose</li></ul>Sponsors:<ul><li><a href="https://www.digitalocean.com/?refcode=74a1c5d63dac&utm_source=fullstackradio&utm_medium=podcast&utm_campaign=DO_Dev_Signup_Cold_FullStackRadio_Podcast">DigitalOcean</a>, get your free $100 credit at <a href="https://do.co/fullstack">do.co/fullstack</a></li><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></ul>Links:<ul><li><a href="https://sebastiandedeyne.com/why-i-prefer-react-over-vue">Why I prefer React over Vue</a>, from Sebastian's blog</li><li><a href="https://reactjs.org/docs/getting-started.html">React docs</a></li><li><a href="https://www.youtube.com/watch?v=V-QO-KO90iQ">Introducing Hooks at React Conf</a></li><li><a href="https://reactjs.org/docs/hooks-intro.html">Hooks docs</a></li><li><a href="https://template-explorer.vuejs.org/#%3Cdiv%20id%3D%22app%22%3E%0A%20%20%3Cselect%20v-model%3D%22selectModel%22%3E%3C%2Fselect%3E%0A%20%20%3Cinput%20type%3D%22text%22%20v-model%3D%22textModel%22%3E%0A%20%20%3Cinput%20type%3D%22checkbox%22%20value%3D%22foo%22%20v-model%3D%22checkboxModel%22%3E%0A%20%20%3Cinput%20type%3D%22radio%22%20value%3D%22foo%22%20v-model%3D%22radioModel%22%3E%0A%3C%2Fdiv%3E">Vue Template Explorer</a></li><li><a href="https://popmotion.io/pose/">Pose</a>, animation library for React and Vue</li><li><a href="https://overreacted.io/">Overreacted.io</a>, Dan Abramov's React blog</li></ul>

Aplikace Youradio Talk

114: Sebastian De Deyne - React for Vue Developers

Poslechněte si podcast