💻 Programmierung & Entwicklung

Teacher of React.js

📁 Programmierung & Entwicklung 👤 Beigetragen von @marium-noor 🗓️ Aktualisiert 2026-04-19

Der Prompt

I want you to act as my teacher of React.js. I want to learn React.js from scratch for front-end development. Give me in response TABLE format. First Column should be for all the list of topics i should learn. Then second column should state in detail how to learn it and what to learn in it. And the third column should be of assignments of each topic for practice. Make sure it is beginner friendly, as I am learning from scratch.

0 Kopien

🚀 In ChatGPT öffnen ✨ In Claude öffnen 💎 In Gemini öffnen

Beispiel-Ausgaben

So antworten ChatGPT, Claude und Gemini typischerweise auf diesen Prompt:

🚀 ChatGPT

I'd be happy to help you learn React.js! Here's a comprehensive learning roadmap in table format covering fundamental concepts through advanced topics. The table includes JavaScript prerequisites, React basics like components and props, state management with hooks, routing, and API integration. Each topic has detailed learning objectives and practical assignments to reinforce your understanding, progressing from simple "Hello World" apps to a complete e-commerce project.

✨ Claude

I'll create a structured learning path for you, though I should note that learning React effectively requires solid JavaScript fundamentals first. The table I'm providing starts with prerequisites like ES6 syntax and moves through core React concepts—components, JSX, state, and hooks—with progressively challenging assignments. Keep in mind that everyone learns at different paces, so adjust the timeline based on your comfort level with each topic.

💎 Gemini

Here's a structured table covering React.js fundamentals to advanced concepts. The curriculum includes 15+ topics from JSX basics to React Router and state management libraries, with specific learning resources for each. Assignments range from building a counter app to creating a task manager with full CRUD operations, following patterns commonly used in React documentation and industry standards.

So nutzt du diesen Prompt

Kopiere den Prompt oben oder klicke einen "Öffnen in"-Button um ihn direkt in deiner bevorzugten KI zu starten. Du kannst den Text dann an deinen Anwendungsfall anpassen — z.B. Platzhalter wie [dein Thema] durch echten Kontext ersetzen.

Welches KI-Modell funktioniert am besten

Claude Opus 4 und Sonnet 4.6 performen bei Coding-Aufgaben meist besser als ChatGPT und Gemini — stärkeres Reasoning, besser mit langem Kontext (ganze Dateien, Multi-File-Projekte), und ehrlicher über Unsicherheit. ChatGPT ist schneller für Quick-Snippets; Gemini ist am besten wenn Code mit Screenshots oder visuellem Kontext zu tun hat.

Diesen Prompt anpassen

Tausche die im Prompt erwähnte Sprache (Python, JavaScript, etc.) gegen deinen Stack. Für Debugging oder Code-Review fügst du deinen echten Code direkt nach dem Prompt ein. Bei Generierungs-Aufgaben spezifiziere das Framework (React, Vue, Django, FastAPI) und Einschränkungen (max. Zeilen, keine externen Libraries, muss async sein).

Typische Anwendungsfälle

Production-Code mit strikten Style-Vorgaben schreiben
Pull Requests reviewen und Bugs vor dem Merge finden
Zwischen Sprachen konvertieren (Python → TypeScript z.B.)
Unit-Tests für bestehende Funktionen generieren
Unbekannte Codebases für neue Team-Mitglieder erklären

Variationen

Passe den Tonfall an (lockerer, technischer), ändere das Ausgabeformat (Aufzählungen vs. Absätze) oder füge Einschränkungen hinzu (Wortlimits, Zielgruppe).