DEV Community

Saravanan s
Saravanan s

Posted on

MY JAVA FULL STACK My Java Full Stack Journey Learning (react)

what is react
React is a JavaScript library created by Facebook for building user interfaces. It helps developers build single-page applications (SPAs) where the page doesn’t reload but updates instantly when data changes.

Why React?
Reusable Components – Build once, use everywhere.

Fast Rendering – React uses a Virtual DOM to update only what’s needed.

Easy to Learn – Simple to pick up if you know HTML, CSS, and JavaScript.

Large Community – Lots of libraries, tutorials, and support.

Used by Big Companies – Facebook, Instagram, Netflix

**Use of React (with Example Code)

import React, { useState } from "react";

function Counter() {
  // useState hook to store the counter value
  const [count, setCount] = useState(0);

  return (
    <div style={{ textAlign: "center", marginTop: "20px" }}>
      <h1>React Counter App</h1>
      <p>You clicked {count} times</p>
      <button onClick={() => setCount(count + 1)}>Increase</button>
      <button onClick={() => setCount(count - 1)}>Decrease</button>
    </div>
  );
}

export default Counter;

Enter fullscreen mode Exit fullscreen mode

Conclusion
React is one of the most popular libraries for front-end development.
It’s fast, flexible, and makes building interactive UIs much easier.

Top comments (0)