DEV Community

Charles Ouellet
Charles Ouellet

Posted on • Originally published at snipcart.com on

1

How We Use Redux & Redux-Observable with Vue

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

AWS Q Developer image

Your AI Code Assistant

Automate your code reviews. Catch bugs before your coworkers. Fix security issues in your code. Built to handle large projects, Amazon Q Developer works alongside you from idea to production code.

Get started free in your IDE

Top comments (0)

Billboard image

Create up to 10 Postgres Databases on Neon's free plan.

If you're starting a new project, Neon has got your databases covered. No credit cards. No trials. No getting in your way.

Try Neon for Free →