This section provides a basic example of a counter application built using React. The counter is a simple component that can be used as a building block for more complex applications.

Basic Usage

To use the counter component, you can include it in your React application like this:

import React from 'react';
import Counter from '/developer/react-example/counter';

function App() {
  return (
    <div>
      <h1>My Counter</h1>
      <Counter />
    </div>
  );
}

export default App;

Features

  • Increment and Decrement: The counter has two buttons, one for incrementing and one for decrementing the count.
  • State Management: The count is managed using React's built-in state management system.

Screenshots

Here's a visual representation of the counter component:

Counter Example

Further Reading

If you're interested in learning more about React and building similar components, check out our React Basics Guide.