jhen0409 / remotedev-react-state

Inspecting / time travelling state changes of React component on Redux DevTools Extension or React Native Debugger

remotedev-react-state

Inspecting / time travelling state changes of React component on Redux DevTools Extension or React Native Debugger, inspired by the article - Redux DevTools without Redux, make it as simple util.

Usage

import React from 'react'
import connectToDevTools from 'remotedev-react-state'

class App extends React.Component {
  state = { count: 0 }

  componentWillMount() {
    // Connect to devtools after setup initial state
    connectToDevTools(this/*, options */)
  }

  ...
}

See the example.

connectToDevTools(instance, options)

• instance - A react instance, you could get this in component lifecycle or by ref.
• options - Exposed options used for connect API of redux-devtools-extension. We have specific options:
  • name: String - Name of devtools instance, Component - {display name} by default.
  • actionName: String | Function - The action name will be displayed on devtools, you could use function(state) for return action name. State change by default.

connectToDevTools.ref(options)

Create connectToDevTools function can be used for component ref prop.

Example:

<App ref={connectToDevTools.ref(/* options */)} />

If you haven't redux-devtools-extension on your environment (Any react renderer that not on Chrome/Firefox/Electron/React Native Debugger), it will use the remote API of remotedev.

TODO

• Remove devtools instance when component unmount

License

MIT

remotedev-react-state's Issues

An in-range update of eslint-plugin-react is breaking the build 🚨

The devDependency eslint-plugin-react was updated from 7.11.1 to 7.12.0.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

eslint-plugin-react is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Status Details

• ❌ continuous-integration/travis-ci/push: The Travis CI build could not complete due to an error (Details).

---

Release Notes for v7.12.0

Added

• no-typos: Support createClass (#1828, @alexzherdev)
• Support detecting React.forwardRef/React.memo (#2089, @jomasti)
• jsx-indent: add checkAttributes option for JSX attribute indentation (#2086, @jomasti)
• Change allowed propWrapperFunctions setting values (#2065, @jomasti)
• add jsx-fragments rule to enforce fragment syntax (#1994, @alexzherdev)
• Support "detect" option for React version setting (#1978, @alexzherdev)
• Support shorthand fragment syntax in many rules (#1956, @alexzherdev)
• jsx-no-literals: print node value in warning message (#2008, @jlgonzalezdev)

Fixed

• jsx-max-depth: Fix depth of JSX siblings in a JSXEpressionContainer (#1824, @alexzherdev)
• no-array-index-key: fix in React.Children methods (#2085, @himynameisdave)
• no-unused-state: handle functional setState (#2084, @jomasti)
• version errors should log to stderr, not stdout (#2082, @ljharb)
• no-deprecated: Disable legacy lifecycle methods linting for now (#2069, @sergei-startsev)
• ensure that react and flow versions can be numbers (#2056, @ljharb)
• forbid-foreign-prop-types: ensure allowInPropTypes option applies to class fields (#2040, @Sheile)
• jsx-wrap-multilines: catch single missing newlines (#1984, @MrHen)
• jsx-first-prop-new-line: Fix for parsers (like TypeScript) (#2026, @HauptmannEck)
• [jsx-sort-comp][]: Fix fixer in case of more than 10 props (#2012, @tihonove)
• no-unused-state Don't depend on state parameter name ([#1829][], @alexzherdev)
• no-this-in-sfc fix for class properties (#1995, @sergei-startsev)
• no-this-in-sfc fix rule behavior for arrow functions inside a class field (#1989, @sergei-startsev)
• destructuring-assignment: handle nested props usage (#1983, @alexzherdev)
• sort-prop-types: fix string property order (#1977, @metreniuk)
• jsx-no-target-blank: don’t crash when there’s no value (#1949, @ljharb)
• prop-types, no-unused-prop-types: better handle object spread (#1939, @alexzherdev)

Changed

• jsx-fragments: improve message text (#2032, @alexzherdev)
• no-unsafe: handle all unsafe life-cycle methods (#2075, @sergei-startsev)
• require-default-props: Change error message naming from singular defaultProp to plural defaultProps (#2064, @jseminck)
• [Refactor] Extract used propTypes detection (#1946, @alexzherdev)
• [Refactor] Extract defaultProps detection (#1942, @alexzherdev)
• [Refactor] Extract required propTypes detection (#2001, @alexzherdev)
• [Docs] no-did-mount-set-state, no-did-update-set-state, no-will-update-set-state: fix docs URLs (#2090, @JBallin)
• [Docs] Remove statement on GC in jsx-no-bind (#2067, @rickhanlonii)
• [Docs] jsx-sort-props: Fix small mistake (#2044, @dimitarnestorov)
• [Docs] no-unescaped-entities: add more escape examples (#2015, @stevemao)
• [Docs] display-name: mention default ignoreTranspilerName value (#2002, @OliverJAsh)
• [Docs] jsx-no-target-blank: Add full example (#1988, @atomcorp)
• [Docs] Update jsx-no-target-blank.md (#1953, @brunocoelho)
• [Changelog] fix "Ignore class properties" contributor (#1941, @alexzherdev)
• [Tests] Remove redundant require('babel-eslint') from tests (#2004, @sergei-startsev)
• [Tests] prop-types: Add tests for prop-types destructuring (#2029, @sstern6)
• [Tests] display-name: add false positive component detection for destructured createElement (#1098, @arian)

Commits

The new version differs by 127 commits.

• a83d65c Update CHANGELOG and bump version
• 0c6160e [Dev Deps] update coveralls, babel-eslint, typescript
• cd6c8e6 [Deps] update resolve
• d2b5b73 Merge pull request #1828 from alexzherdev/1721-no-typos-create-class
• e747459 [Tests] remove node 5/7/9, add node 11
• b33ae84 Merge pull request #1098 from arian/createElement-display-test
• 84be80a Merge pull request #1824 from alexzherdev/1762-jsx-max-depth-false-positive
• a442067 Merge pull request #2029 from sstern6/issue1422
• 7d07c37 Merge pull request #2032 from alexzherdev/jsx-fragments-message
• 8c6a8e2 Merge pull request #2089 from jomasti/feature/support-react-forwardref-memo
• 14451d4 Merge pull request #2085 from himynameisdave/issues/2083
• 8be52c7 📝 Addresses CR comments
• f7e3121 Merge branch 'master' of https://github.com/yannickcr/eslint-plugin-react into issues/2083
• 77e3fd0 Merge pull request #2090 from JBallin/no-method-set-state-docs-url
• 7da9e0d Fix noMethodSetState docsUrl's

There are 127 commits in total.

See the full diff

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

---

Your Greenkeeper Bot 🌴

An in-range update of react is breaking the build 🚨

There have been updates to the react monorepoundefined

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

This monorepo update includes releases of one or more dependencies which all belong to the react group definition.

react is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Status Details

• ❌ continuous-integration/travis-ci/push: The Travis CI build could not complete due to an error (Details).

---

Release Notes for v16.5.1

16.5.1 (September 13, 2018)

React

• Improve the warning when React.forwardRef receives an unexpected number of arguments. (@andresroberto in #13636)

React DOM

• Fix a regression in unstable exports used by React Native Web. (@aweary in #13598)
• Fix a crash when component defines a method called isReactComponent. (@gaearon in #13608)
• Fix a crash in development mode in IE9 when printing a warning. (@link-alex in #13620)
• Provide a better error message when running react-dom/profiling with schedule/tracking. (@bvaughn in #13605)
• If a ForwardRef component defines a displayName, use it in warnings. (@probablyup in #13615)

Schedule (Experimental)

• Add a separate profiling entry point at schedule/tracking-profiling. (@bvaughn in #13605)

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

---

Your Greenkeeper Bot 🌴

An in-range update of remotedev is breaking the build 🚨

The dependency remotedev was updated from 0.2.7 to 0.2.8.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

remotedev is a direct dependency of this project, and it is very likely causing it to break. If other packages depend on yours, this update is probably also breaking those in turn.

Status Details

• ❌ continuous-integration/travis-ci/push: The Travis CI build could not complete due to an error (Details).

---

Commits

The new version differs by 2 commits.

• 06db796 Update readme about remotedev-rn-debugger (#8)
• 52fb496 update socketcluster-client version to prevent vulnerabilities (#13)

See the full diff

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

---

Your Greenkeeper Bot 🌴