Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

redux-devtools return no store found - 4.0.0-beta.4 #70

Open
danllach opened this issue Jul 12, 2018 · 10 comments
Open

redux-devtools return no store found - 4.0.0-beta.4 #70

danllach opened this issue Jul 12, 2018 · 10 comments
Labels
enhancement New feature or request react-native

Comments

@danllach
Copy link

danllach commented Jul 12, 2018

Hi I passed the example code to react native and works wonderful but redux-devtools doesn't work.

On the documentation you said During development redux-devtools are automatically enabled. Install the extension. what's mean automatically enabled? maybe I missed something...

Here is my code:

store.js

import createStore from 'react-waterfall'

const config = {
  initialState: { count: 0 },
  actionsCreators: {
    increment: ({ count }) => ({ count: count + 1 }),
  },
}

export const { Provider, connect, actions } = createStore(config)

App.js

import React from 'react';
import {Button, Text, View} from 'react-native';
import { connect, Provider, actions } from './store'

let Count = ({ count }) => <Text style={{marginTop: 100}}>{count}</Text>
Count = connect(({ count }) => ({ count }))(Count)

export default class App extends React.PureComponent {

  render() {
    return (
      <Provider>
        <Count/>
        <Button title='add' onPress={() => actions.increment()}/>
      </Provider>
    );
  }
}

screen shot 2018-07-12 at 11 33 18 am

Thanks!

@danllach danllach changed the title redux-devtools return no store found redux-devtools return no store found - 4.0.0-beta.4 Jul 12, 2018
@didierfranc
Copy link
Owner

You're using react-native, we probably need to update the current version to add the ability to communicate through react-native.

@danllach
Copy link
Author

thank you so much. It will be awesome!!

Image of Yaktocat

@danllach
Copy link
Author

danllach commented Jul 13, 2018

BTW, I tried with this library https://github.com/zalmoxisus/remote-redux-devtools but I thing that the way you handle createStore is different... in theory could be

import createStore from 'react-waterfall'
import devToolsEnhancer from "remote-redux-devtools";

const config = {
  initialState: { count: 0 },
  actionsCreators: {
    increment: ({ count }) => ({ count: count + 1 }),
  }
}

export const { Provider, connect, actions } = createStore(config, devToolsEnhancer())

screen shot 2018-07-13 at 10 32 51 am

but it doesn't works :(
Any idea how to handle that ?

@didierfranc
Copy link
Owner

We use directly the redux-devtools API https://github.com/didierfranc/react-waterfall/blob/master/src/helpers/devtools.js

It's not available this way with react-native

@danllach
Copy link
Author

That’s mean I will never could integrate with react native? The v3 works with a few middleware but those middleware doesn’t work with v4 neither 😩

@didierfranc
Copy link
Owner

Yes it will be I just have to find time to do it ;)

@jeveloper
Copy link

@didierfranc Thanks for the work :)
Just wanted to ask if you'll be publishing the 4th version soon :) or are you done working on it?

Thank you , RN support is paramount

@didierfranc
Copy link
Owner

A v4 finale with react-native support seems perfect and will arrive soon ;)

@didierfranc didierfranc added the enhancement New feature or request label Jul 23, 2018
@jeveloper
Copy link

@didierfranc wonder if you'll publish what you have :) thanks , waiting

@artdevgame
Copy link

I have the same requirement as @danllach regarding use of https://github.com/zalmoxisus/remote-redux-devtools, I didn't understand your later comment @didierfranc, will react-waterfall be able to make use of remote-redux-devtools in v4?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request react-native
Projects
None yet
Development

No branches or pull requests

4 participants