Cyberical Academy – React Basics
Learn the core ideas of React, then prove it in the mini‑game quiz.
1. What is React?
React is a JavaScript library for building user interfaces. It helps you build fast, interactive web apps using reusable components.
2. Components
Components are the building blocks of React. Each component is a small, reusable piece of UI.
function Welcome() {
return <h1>Hello Cyberical Academy!</h1>;
}
3. JSX
JSX lets you write HTML-like code inside JavaScript.
const element = <button>Click Me</button>;
4. Props
Props allow data to be passed into components.
function Welcome(props) {
return <h1>Hello {props.name}!</h1>;
}
5. State
State is internal component data that can change over time.
const [count, setCount] = useState(0);
