React-Cheatsheet
๐ Hello React // index.jsx
import React from "react";
import { createRoot } from "react-dom/client";
import App from "./App";
const root = createRoot(document.getElementById("root"));
root.render(<App />);
// App.jsx
export default function App() {
return <h1>Hello, React!</h1>;
} ๐ก Tip: Use Vite or Create React App to bootstrap quickly. Use createRoot for modern React rendering. ๐งฉ Components & JSX // Functional component with JSX
function Greeting({ name }) {
return <div>Hello, {name}!</div>;
}
// Usage
<Greeting name="Maxon" /> ๐ก Tip: Prefer functional components + hooks. JSX compiles to React.createElement() . ๐ฆ Props & State import { useState } from "react";
function Counter({ initial = 0 }) {
const [count, setCount] = useState(initial);
return (
<div>
<p>Count: {count}</p>
<button onClick={() => setCount(c => c + 1)}>+</…