114: Sebastian De Deyne - React for Vue Developers
Podcast |
Full Stack Radio
Publisher |
Adam Wathan
Media Type |
audio
Categories Via RSS |
Technology
Publication Date |
May 08, 2019
Episode Duration |
01:04:16

Topics include:

  • 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
  • How to translate Vue's computed properties to React using the useMemo hook
  • How to translate Vue's watchers to React using the useEffect hook
  • How to translate Vue's v-model to React using value props and event listeners
  • How to translate Vue's events to React using callback props
  • How to translate Vue's slots to React by passing JSX as a normal prop
  • How to handle transitions in React with libraries like Pose

Sponsors:

Links:

  • Why I prefer React over Vue, from Sebastian's blog
  • started.html">React docs
  • Introducing Hooks at React Conf
  • intro.html">Hooks docs
  • 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
  • Pose, animation library for React and Vue
  • Overreacted.io, Dan Abramov's React blog
In this episode, Adam talks to Sebastian De Deyne about learning React from the perspective of a Vue developer, and how to translate all of the Vue features you're already comfortable with to React code.

Topics include:

  • 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
  • How to translate Vue's computed properties to React using the useMemo hook
  • How to translate Vue's watchers to React using the useEffect hook
  • How to translate Vue's v-model to React using value props and event listeners
  • How to translate Vue's events to React using callback props
  • How to translate Vue's slots to React by passing JSX as a normal prop
  • How to handle transitions in React with libraries like Pose

Sponsors:

Links:

  • Why I prefer React over Vue, from Sebastian's blog
  • started.html">React docs
  • Introducing Hooks at React Conf
  • intro.html">Hooks docs
  • 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
  • Pose, animation library for React and Vue
  • Overreacted.io, Dan Abramov's React blog

This episode currently has no reviews.

Submit Review
This episode could use a review!

This episode could use a review! Have anything to say about it? Share your thoughts using the button below.

Submit Review