Modern React with Functional Components
React is a declarative, component-based JavaScript library for building user interfaces. Instead of manipulating the DOM manually, React computes changes using a Virtual DOM for maximum performance.
What is JSX?
JSX is a syntax extension for JavaScript that looks similar to HTML. It makes component rendering readable, maintainable, and expressive.
javascript Example
import React from 'react';
function CourseCard({ title, instructor, duration }) {
return (
<div className="course-card">
<h3>{title}</h3>
<p>Taught by {instructor}</p>
<span>{duration} hours</span>
</div>
);
}
export default function App() {
return <CourseCard title="React Fundamentals" instructor="CodingRider" duration={15} />;
}