React at Starbucks (Real Talk JavaScript #74)
Tags: react, javascript, podcast, webdev
Published: 2020-03-29 02:05:09

---
title: React at Starbucks (Real Talk JavaScript #74)
published: true
description: Cher talks with John and Ward about her experiences working on Starbucks PWA, and moving from Vue to React.
tags: react, javascript, podcast, webdev
canonical_url: https://johnpapa.net/rtjs-0074-react-at-starbucks/
---

What motivates companies to move towards developing mobile apps using Progressive Web Apps (PWA)? How can you characterize the users of a native or PWA mobile apps? How does React hold up in a real-world situation?

[React at Starbucks is this week's topic on Real Talk JavaScript. Listen here.](https://realtalkjavascript.simplecast.com/episodes/episode-74-react-at-starbucks-with-cher)

Cher Scarlett talks with John and Ward about her experiences working on the Starbucks PWA, and moving from Vue to React. Along the way we discuss her story of moving from Vue.js to React.js and the plethora of programming platforms and languages that Cher has expertise in.

Recording date: 2020-01-21

```javascript
const podcast = { 
  episode: 74,
  title: 'React at Starbucks',
  topics: [ 
    'react', 'pwa', 'deploying javascript', 
  ],
  guest: 'Cher',
  hosts: [
    'Ward Bell', 'Dan Wahlin', 'Craig Shoemaker', 
  ]
};
```

### Brought to you by

* <a href="https://www.ag-grid.com/" target="_blank">ag-Grid</a>

    <a href="https://www.ag-grid.com/" target="_blank">![ag-grid-logo-2](https://johnpapa.net/content/images/2020/03/ag-grid-logo-2.png)</a>

* <a href="https://ideablade.com" target="_blank">IdeaBlade</a>

### Resources

* [Starbucks PWA](https://app.starbucks.com/)
* [React](https://reactjs.org/)
* [React and ASP.NET Core](https://docs.microsoft.com/en-us/aspnet/core/client-side/spa/react?view=aspnetcore-3.1&tabs=visual-studiowt.mc_id=rtjs-podast-jopapa)
* [Vue](https://vuejs.org/)
* [Progressive Web Apps (PWAs)](https://developers.google.com/web/progressive-web-apps)
* [Case Study on the Starbucks PWA](https://formidable.com/work/starbucks-progressive-web-app/)
* [Blizzard](https://www.blizzard.com/en-us/)
* [Backbone.js](https://backbonejs.org/)
* [Django](https://www.djangoproject.com/)
* [Dreamweaver](https://www.adobe.com/products/dreamweaver.html)
* [React and Redux](https://redux.js.org/)
* [Webflow apps](https://webflow.com/)
* [React's context for state](https://reactjs.org/docs/context.html)
* [marko js from eBay](https://markojs.com/)
* [Intro to React hooks](https://reactjs.org/docs/hooks-intro.html)
* [Vue composition api](https://github.com/vuejs/composition-api)
* [Vue composition api in the wild](https://css-tricks.com/an-early-look-at-the-vue-3-composition-api-in-the-wild/)

### Timejumps

* **01:17:17** Guest introduction
* **04:38:11** Why go PWA?
* **08:08:16** Can you characterize PWA user vs mobile app user?
* **10:21:20** Moving from Vue to React
* **18:09:00** How did you handle data?
* **25:09:00** Sponsor: IdeaBlade
* **26:08:12** Writing with hooks and functional components

### Hosts and Guests

* [John Papa](https://twitter.com/john_papa)
* [Ward Bell](https://twitter.com/WardBell)
* [Dan Wahlin](https://twitter.com/danwahlin)
* [Craig Shoemaker](https://twitter.com/craigshoemaker)
* [Cher](https://twitter.com/CHERdotdev)