App bridge react + redux - how do you debug embedded apps?

Solved

App bridge react + redux - how do you debug embedded apps?

JoshHighland
Shopify Partner
213 12 76

This may be an easy question (I hope so)

I working an an embedded app using app bridge react and redux. As you know. embedded apps run in a iframe. I can't get the chrome Redux devTools to see my redux store - all I can see is the redux store for the Shopify admin. I suspect this is due to my app being embedded in an iframe.

My questions: 

1) How can I get the Redux DevTools to see my embedded apps redux store?

2) Do I need my own redux store? Can I just use the one attached to App Bridge? if so, how?

Thanks in advance!

 

SEO Manager - The all-in-One SEO solution for Shopify
A powerful suite of SEO tools that gets you found in Google results

- Install SEO Manager -
Accepted Solution (1)

JoshHighland
Shopify Partner
213 12 76

This is an accepted solution.

answer to my own question...

I had:

 const store = createStore(reducer); 

Instead of

 const store = createStore(
   reducer, REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()
 );

If someone has better tips for doing this, please post them

SEO Manager - The all-in-One SEO solution for Shopify
A powerful suite of SEO tools that gets you found in Google results

- Install SEO Manager -

View solution in original post

Replies 2 (2)

JoshHighland
Shopify Partner
213 12 76

This is an accepted solution.

answer to my own question...

I had:

 const store = createStore(reducer); 

Instead of

 const store = createStore(
   reducer, REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()
 );

If someone has better tips for doing this, please post them

SEO Manager - The all-in-One SEO solution for Shopify
A powerful suite of SEO tools that gets you found in Google results

- Install SEO Manager -
RHM
Shopify Partner
30 0 20

Hello @JoshHighland I'm running into the same issue. 
May I ask you exactly as you solved it ? 
I've next+ redux ad app bridge. 
I've my reduxProvider with the following store configuration 

import { createStore } from "redux";
import rootReducer from "./reducers";
export default createStore(rootReducer);

Where ./reducers exports a 
combineReducers
Robots Hate Monkeys