Part 2: An implementation guide to use React in a real world setup
In Part 1, we talked about how at Opendoor we made some decisions in the way we’re using React, and how anyone running React in a real world production app might need to make those same decisions, and why. In this part, we’ll walk through how to actually implement those decisions.
First, let’s recap the React stack that we settled on:
- Redux for state management
- ImmutableJS for immutability
- Reselect for accessing memoized derived data from the store
- Redux-Saga for async side-effects
- React Router v4 for URL routing
- React Router Redux for binding routes with Redux
- Jest for snapshot testing and…
#7 will shock you!
“Hey, I have a ticket to Nordic.js in Stockholm next week, wanna pop over?”
… asked my friend last week. My immediate response?
“Hell yes!”
Next thing I know, I was on a plane to Stockholm. ✈️
I’d never been to Nordic.js (or Sweden) and had no idea what to expect. All I knew was it was a conference about JS, and it was in Stockholm where I would get to see my friend.
Little did I know that it’d turn out to be one of the best experiences I’ve had at a conference in a long time! …
Part 1: Decisions you’ll need to make to use React in the real world
This article will share how we at Opendoor used React in a real world production app, the decisions we made, and why.
You’ve probably heard of React and have been told how awesome it is and that you should be using it. You can find many “React Starter Kits” out there that get you up and running with a basic app in React. But when you try to use it for anything production-ish, you quickly realize that to do something useful, there’s a slew of tools and packages that you’ll need.
Rohan Dang
Engineering @Opendoor
