10 examples of 'assemblerelease react native' in JavaScript

26
function nativeReactInstall() {
27
    if (!fs.existsSync(reactNativePath)) {
28
        return
29
    }
30
    console.log('living in a react native world', reactVersion);
31
    var reactVersion = require(path.join(reactNativePath, 'package.json')).version;
32
33
34
    writeJSON('../package.json.' + Date.now(), pkg);
35
36
37
    pkg.devDependencies = {};
38
    delete pkg.peerDependencies.react;
39
    pkg.peerDependencies["react-native"] = reactVersion;
40
41
    pkg.main = "src/index"
42
43
    writeJSON('../package.json', pkg);
44
    write('../src/react.js', 'module.exports = require("react-native");\n');
45
    if (fs.existsSync(reactPath)) {
46
        console.log('removing non native react', reactPath);
47
        deleteFolderRecursive(reactPath);
48
    }
49
}

5
export default memo(function ReleaseLoading() {
6
  const categories = [1, 2, 3];
7
  const rows = [1, 2, 3, 4];
8
  return (
9
    <>
10
      {categories.map(cat => (
11
        <ReleaseSkeletonLoading
12
          key={'cat-' + cat}
13
          className="my-3 p-3 rounded shadow-sm"
14
        >
15
          <h6 className="pb-2 mb-0 show-loading-animation"> </h6>
16
          {rows.map(r => (
17
            <div key={'row-' + r} className="media text-muted pt-3">
18
              <span className="mr-2 rounded">{''}</span>
19
              <p className="media-body pb-3 mb-0 small lh-125">
20
                <strong className="d-block text-gray-dark show-loading-animation" />
21
              </p>
22
            </div>
23
          ))}
24
        </ReleaseSkeletonLoading>
25
      ))}
26
    </>
27
  );
28
});

36
renderReact() {
37
  ReactDOM.render(
38
    React.createElement(this.reactClass, this._props),
39
    this.ref.nativeElement);
40
}

7
function getReactNativeVersion() {
8
  if (!reactNativeVersion) {
9
    reactNativeVersion = minimist(process.argv.slice(2)).version || '';
10
11
    if (!reactNativeVersion) {
12
      reactNativeVersion = require('../maps/misc')['max-support-rn'];
13
    }
14
  }
15
16
  return reactNativeVersion;
17
}

23
render () {
24
  const { text } = this.state;
25
  return (
26
    <View style={styles.container}>
27
      <Image style={styles.logo} source={require('./react.png')} />
28
      <Text style={styles.title}>
29
        Welcome to React Native testing demo app
30
      </Text>
31
      <TextInput
32
        style={styles.input}
33
        placeholder={"write something"}
34
        onChangeText={this.handleTextChange}
35
        value={text}
36
        />
37
      <ReactNativeTestingChild text={text} onClear={this.clearText} />
38
    </View>
39
  );
40
}

66
install() {
67
  React.Component.prototype.$push = this.ctx.push.bind(this.ctx);
68
  React.Component.prototype.$go = this.ctx.go.bind(this.ctx);
69
  React.Component.prototype.$replace = this.ctx.replace.bind(this.ctx);
70
  React.Component.prototype.$redirect = this.ctx.redirect.bind(this.ctx);
71
  React.Component.prototype.$link = this.ctx.link.bind(this.ctx);
72
}

10
export default function rerenderHOC(ComposedComponent, {captureNode} = {captureNode: true}) {
11
  return class Rerenderer extends ComposedComponent {
12
    _propsCache = {};
13
14
    onRefUpdate = component => {
15
      // eslint-disable-next-line react/no-find-dom-node
16
      this.node = findDOMNode(component);
17
    };
18
19
    rerender(props = {}, callback) {
20
      let container;
21
22
      try {
23
        container = this.node.parentNode;
24
      } finally {
25
        if (!container) {
26
          throw new Error(`${this.constructor.name} component isn't mounted`);
27
        }
28
      }
29
30
      this._propsCache = Object.assign({}, this.props, this._propsCache, props);
31
32
      return render(createElement(this.constructor, this._propsCache), container, callback);
33
    }
34
35
    render() {
36
      if (!captureNode) {
37
        return super.render();
38
      }
39
40
      return (
41
        <ComposedComponent
42
          ref={this.onRefUpdate}
43
          {...this.props}
44
        />
45
      );
46
    }
47
  };
48
}

19
componentWillUnmount() {
20
  AppState.removeEventListener('change', this.handleAppStateChange);
21
}

18
export function renderWithReduxStore( reactElement, domContainer, reduxStore ) {
19
	const domContainerNode =
20
		'string' === typeof domContainer ? document.getElementById( domContainer ) : domContainer;
21
22
	return ReactDom.render(
23
		<ReduxProvider store={ reduxStore }>
24
			<MomentProvider>{ reactElement }</MomentProvider>
25
		</ReduxProvider>,
26
		domContainerNode
27
	);
28
}

33
public constructor(options?: ReactNativeOptions) {
34
  this._options = {
35
    onerror: true,
36
    onunhandledrejection: true,
37
    ...options
38
  };
39
}