react-node-resolver

WebJar for react-node-resolver

License	MIT
Categories	React User Interface Web Frameworks
GroupId	org.webjars.npm
ArtifactId	react-node-resolver
Last Version	1.0.1
Release Date	Mar 25, 2020
Type	jar
Description	react-node-resolver WebJar for react-node-resolver
Project URL	https://www.webjars.org
Source Code Management	https://github.com/jossmac/react-node-resolver

Download react-node-resolver

Filename	Size
react-node-resolver-1.0.1.pom
react-node-resolver-1.0.1.jar	5 KB
react-node-resolver-1.0.1-sources.jar	22 bytes
react-node-resolver-1.0.1-javadoc.jar	22 bytes

How to add to project

Apache Maven

<!-- https://jarcasting.com/artifacts/org.webjars.npm/react-node-resolver/ -->
<dependency>
    <groupId>org.webjars.npm</groupId>
    <artifactId>react-node-resolver</artifactId>
    <version>1.0.1</version>
</dependency>

Gradle Groovy

// https://jarcasting.com/artifacts/org.webjars.npm/react-node-resolver/
implementation 'org.webjars.npm:react-node-resolver:1.0.1'

Gradle Kotlin

// https://jarcasting.com/artifacts/org.webjars.npm/react-node-resolver/
implementation ("org.webjars.npm:react-node-resolver:1.0.1")

Apache Buildr

'org.webjars.npm:react-node-resolver:jar:1.0.1'

Apache Ivy

<dependency org="org.webjars.npm" name="react-node-resolver" rev="1.0.1">
  <artifact name="react-node-resolver" type="jar" />
</dependency>

Groovy Grape

@Grapes(
@Grab(group='org.webjars.npm', module='react-node-resolver', version='1.0.1')
)

Scala SBT

libraryDependencies += "org.webjars.npm" % "react-node-resolver" % "1.0.1"

Leiningen

[org.webjars.npm/react-node-resolver "1.0.1"]

Dependencies

There are no dependencies for this project. It is a standalone project that does not depend on any other jars.

Project Modules

There are no modules declared in this project.

React Node Resolver

A generic technique for resolving the DOM node of any react component.

Alternative Solutions

Since creating this utility, more robust solutions have become available. Consider the following before using this package:

• React.forwardRef()
• The render props pattern

Install

yarn add react-node-resolver

Use

import NodeResolver from 'react-node-resolver';

class ObfuscatedComponent extends Component {
  render() {
    return <div id="inaccessible-node" />;
  }
}

class GroovyThing extends Component {
  getNode = (ref) => {
    console.log(ref); // <div id="inaccessible-node" />
  }
  render () {
    return (
      <NodeResolver innerRef={this.getNode}>
        <ObfuscatedComponent />
      </NodeResolver>
    );
  }
}

Props

Property	Type	Description
children	Element	A single react Component
innerRef	ElementRef	Callback ref ref => this.node = ref

Versions

Version
1.0.1 Mar 25, 2020