Date: Wed, 08 May 2019 13:05:00 +0000
<p>Topics include:</p><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><p>Sponsors:</p><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><p>Links:</p><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>
