How We Use Redux & Redux-Observable with Vue

couellet profile image Charles Ouellet Originally published at snipcart.com on ・2 min read

How We Use Redux & Redux-Observable with Vue (v3.0 journal)

We often claim caution when it comes to refactoring a tech stack.

But there always comes a time when it needs to get done.

When that happens, you want to pick the right tools:

Unless you’ve got stupid amounts of VC money, you can’t afford a complete refactoring every quarter.

For our own shopping cart v3.0 rewrite, we picked Vue.js and Redux.

Weird mix you say? Not quite! In this post, I’ll show you how and why we strapped Vue.js on top of Redux.

More specifically, I’ll cover:

  • What are Redux & redux-observable
  • Why we chose Redux (over Vuex)
  • How we leveraged redux-observable
  • How we plugged Vue.js to a reactive store

I’m thrilled to finally share some of our work on this newest version of Snipcart with you guys!

Let’s start with a bit of context.

What is that cart v3.0 you’re talking about?

In the last few months, the whole team at Snipcart has been hard at work crafting a new version of our shopping cart for developers.

Read our docs to understand how our HTLM/JS-powered cart works.

The first thing we had to settle on was the goals this revamped cart had to achieve:

  • Offer next level checkout & cart template customization.
  • Let developers use any stack—it’s been Snipcart’s promise from the start.
  • Create the most kickass e-commerce development UX on the market.

These pushed us to carefully select our new tech stack.

→ Read the full post here


Editor guide