React JS

What is React?

React is a JavaScript library for building user interfaces, created by Facebook (Meta) and released in 2013. It lets developers build encapsulated components that manage their own state, then compose them to make complex UIs, using a declarative style that makes code more predictable and easier to debug.

Where is React Used?

React powers a huge share of the modern web. Here are the major application areas:

Real-World Examples

Here are some practical applications you can build using React:

Why Learn React?

Simple React Component Example

Here is a basic component that demonstrates several important React concepts:

import { useState } from 'react';

function StudentCard() {
  const [marks, setMarks] = useState(78.5);

  const getGrade = (score) => {
    if (score >= 60) return 'First Class';
    if (score >= 50) return 'Second Class';
    return 'Pass';
  };

  return (
    <div className="card">
      <h2>Student Details</h2>
      <p>Name: Rahul</p>
      <p>Marks: {marks}/100</p>
      <p>Grade: {getGrade(marks)}</p>
      <button onClick={() => setMarks(marks + 5)}>
        Add Bonus Marks
      </button>
    </div>
  );
}

export default StudentCard;

Student Details
Name: Rahul
Marks: 78.5/100
Grade: First Class
[Add Bonus Marks]

Course Curriculum

Follow these 60 lessons sequentially to build a strong foundation in React development.

Projects You'll Build

Apply your knowledge by building these real-world projects: