Projekt: Moje první React aplikace (CV Generátor)

Feb 22, 2026

Únor 2026

Toto byl můj první větší projekt v Reactu. Úkolem bylo vytvořit CV aplikaci, kde uživatel vyplní formulář a okamžitě vidí výsledek v náhledu.

Hlavní cíl byl procvičit komponenty, props a useState.

Co bylo důležité

Nejdůležitější změna oproti vanilla JavaScriptu byla práce se stavem. Místo ruční manipulace s DOM se aktualizují data a React provede překreslení.

Správa stavu osobních údajů:

import { useState } from "react";

function PersonalInfo() {
	// Definice stavu jako objektu
	const [person, setPerson] = useState({ name: "", email: "" });

	// Jedna funkce pro obsluhu více inputů
	const handleChange = (e) => {
		setPerson({
			...person, // Zkopírujeme stávající data
			[e.target.name]: e.target.value, // Přepíšeme jen to, co se změnilo
		});
	};

	return (
		<div className="form-section">
			<h2>Osobní údaje</h2>
			<input
				name="name"
				value={person.name}
				onChange={handleChange}
				placeholder="Jméno a příjmení"
			/>

			{/* Náhled se aktualizuje zcela automaticky s každým úhozem do klávesnice */}
			<div className="preview">
				<h3>Životopis pro: {person.name}</h3>
			</div>
		</div>
	);
}

Co jsem si odnesl

• Lepší orientaci v přemýšlení „UI jako funkce stavu“.
• Jistotu v práci s formuláři a řízenými vstupy.
• Základ pro další React projekty s více komponentami.

GitHub: My-first—react-app