ReactNativeWeb() — react Function Reference

Architecture documentation for the ReactNativeWeb() function in index.js from the react codebase.

Function javascript BabelCompiler Validation

Entity Profile

BabelCompiler→ Validation→ ReactNativeWeb() — react Function Reference

Dependency Diagram

graph TD
  82aac07d_58ba_ae89_cd36_8077b8f57044["ReactNativeWeb()"]
  c2796300_576b_e429_f52a_5d5f328cb93f["index.js"]
  82aac07d_58ba_ae89_cd36_8077b8f57044 -->|defined in| c2796300_576b_e429_f52a_5d5f328cb93f
  style 82aac07d_58ba_ae89_cd36_8077b8f57044 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-devtools-shell/src/app/ReactNativeWeb/index.js lines 14–42

export default function ReactNativeWeb(): React.Node {
  const [backgroundColor, setBackgroundColor] = useState('purple');
  const toggleColor = () =>
    setBackgroundColor(backgroundColor === 'purple' ? 'green' : 'purple');
  return (
    <Fragment>
      <h1>ReactNativeWeb</h1>
      <View>
        <Text>auto (default) - english LTR</Text>
        <Text>
          {
            '\u0623\u062D\u0628 \u0627\u0644\u0644\u063A\u0629 \u0627\u0644\u0639\u0631\u0628\u064A\u0629 auto (default) - arabic RTL'
          }
        </Text>
        <Text style={{textAlign: 'left'}}>
          left left left left left left left left left left left left left left
          left
        </Text>
        <Button
          color={backgroundColor}
          onPress={toggleColor}
          title={`Switch background color to "${
            backgroundColor === 'purple' ? 'green' : 'purple'
          }"`}
        />
      </View>
    </Fragment>
  );
}