In React, usually only two main tools are used.

1. Routing Tools
2. State Management Tools

React Routing

React is a Single-Page Application (SPA) library, where different pages are loaded without reloading the entire page. This is called Routing.

• When a user clicks a link, the entire page does not reload.
• Only the required components update (the URL also changes).
• Libraries like React Router or Tanstack Router are used to handle routing.

State Management in React

State Management is a technique in React through which we handle the data being used inside components — especially when the data needs to be shared between multiple components.

In React apps, many times:

• Data changes in one component, but its effect needs to be shown in another component.
• Or the same data needs to be used in multiple places.

In such cases, proper state management becomes necessary.

State Management Method

To manage state, we generally use two core actions:

1. Read state → Accessing state variables ( const [count, setCount] = useState(0)) → here count is used to read
2. Update state → Calling state setter ( setCount(newValue)) to update

React Routing & State Management — Starter Templates