openeuler/react repository overview

⁠Quick reference

• The official React docker image.

• Maintained by: openEuler CloudNative SIG⁠.

• Where to get help: openEuler CloudNative SIG⁠, openEuler⁠.

⁠React | openEuler

Current React docker images are built on the openEuler⁠. This repository is free to use and exempted from per-user rate limits.

React is a JavaScript library for creating user interfaces.

Learn more on react Documentation⁠⁠.

⁠Supported tags and respective Dockerfile links

The tag of each react docker image is consist of the version of react and the version of basic image. The details are as follows

⁠Usage

In this usage, users can select the corresponding {Tag} based on their requirements.

• Pull the openeuler/react image from docker

  docker pull openeuler/react:{Tag}
  

  Copy

• Run with an interactive shell

  You can also start the container with an interactive shell to use React.

  docker run -it --rm openeuler/react:{Tag} bash
  

  Copy

• Example: A Simple React Counter

  This code demonstrates a basic React counter component that:

  • Tracks a numeric count value
  • Provides a button to increment the count
  • Displays the current count value

  import { useState } from 'react';
  import { createRoot } from 'react-dom/client';
  
  function Counter() {
    const [count, setCount] = useState(0);
    return (
      <>
        <h1>{count}</h1>
        <button onClick={() => setCount(count + 1)}>
          Increment
        </button>
      </>
    );
  }
  
  const root = createRoot(document.getElementById('root'));
  root.render(<Counter />);
  

  Copy

⁠Question and answering

If you have any questions or want to use some special features, please submit an issue or a pull request on openeuler-docker-images⁠.