React is one of the most widely used JavaScript libraries for building UIs. In this tutorial, we will learn how to create a simple counter app using React. This app will be based on basic state management, event handling, and React’s component-based architecture.<\/p>\n
First, let’s start a React project using Once the project is created, navigate to the generated directory.<\/p>\n Now, let’s create a counter component. Create a file named create-react-app<\/code>. This tool helps to easily set up a React app. Run the command below to create a React project.<\/p>\n\n
npx create-react-app counter-app<\/code>\n <\/pre>\n\n
cd counter-app<\/code>\n <\/pre>\n2. Creating the Counter Component<\/h2>\n
Counter.js<\/code> inside the src<\/code> folder and write the following code.<\/p>\n\n
import React, { useState } from 'react';\n\nconst Counter = () => {\n const [count, setCount] = useState(0);\n\n const increment = () => {\n setCount(count + 1);\n };\n\n const decrement = () => {\n setCount(count - 1);\n };\n\n return (\n Count: {count}<\/h2>\n