React Tutorial für Anfänger (Deutsch) - Lerne React in 60 Minuten

[@baran5908]

bester programmier lehrer 🙏 hatte vor dem video eine werbung von der developer akademie 😂

[@Olivier.Luethy]

Auf dieses Tutorial habe ich gewartet. Danke Junus!

[@BlueHarvey]

Ab 50:40 machst du etwas neues beim App js und 30 sekunden später ist es gelöscht und wird anders geschrieben? Ich bin jetzt nicht genau sicher mit welchem gearbeitet wird xD Ansonsten super video Danke :)

[@Kris-Kess]

Danke Junus! Ich habe so viel aus diesem Tutorial mitgenommen. Es erleichtert den Einstieg in der Art und Weise, wie du das erklärst! Gerne mehr davon!

[@lionel9038]

Richtig cool. Bin seit gestern dabei React Native zu lernen und musste mich bis jetzt immer durch Englisch-Tutorials quälen...

[@hydranooni]

Für das Programmieren ist es wichtig, gute Englischkenntnisse zu haben, besonders wenn du dir das React Ecosystem anschaust, viele Libraries sind auf Englisch dokumentiert

[@lionel9038]

@@hydranooni Ja, das stimmt.

[@ldersovski5245]

Vielleicht machst du als nächstes noch next js 🙏

[@ugursahin364]

Die Create-React-App ist jetzt tot(Alternative Vite). Funktionelle Komponenten sind übrigens viel effektiver und brandneuer.

[@nin4nin4]

Danke für diesen Kommentar er hat mir das Projekt gerettet!

[@Ludoo02]

Was wäre denn die jetzige Alternative? (Was muss ich konkret machen?

[@felixreithmaier]

Korrekt. CRA nutzt man nicht mehr und kommt in der aktuellen Dokumentation nicht mal vor.

[@IX_07]

Ich mach bald Praktikum bei einer Firma, die viel mit React arbeitet und dein Tutorial kam genau recht. Wie immer super erklärt.

[@martapfahl940]

Dieses Tutorial lehrt leider sehr veraltete Standards.

[@IX_07]

@@martapfahl940 ist mir im Nachhinein auch aufgefallen haha

[@martapfahl940]

16:50 Industriestandard sind definitiv functional components in Kombination mit Hooks… hätte ich von euch eher nicht erwartet dass ihr so veraltete Standards lehrt, sehr schade! Class Components nutzt man nur noch für Error Boundaries

[@felixreithmaier]

Muss dir zustimmen, hab mir das Video nur kurz angesehen und musste dreimal checken, aus welchen Jahr das ist. Ich hätte schon gemeint das wäre bereits vor 5 Jahren hochgeladen worden ...

[@TinoDonaTo]

The first React videos that despite it is in German, but I learn more than those in English videos I've watched (Sorry, because my German is not so good). That's why I want to write this comment to say THANK YOU! You help me a lot more than you can imagine to move on in my project.... Again, thank you so much....

[@FabianFruja]

Danke für die Erklärungen. Ich habe mich auf der ReactJS Website umgesehen und hab's nicht verstanden, bis ich ihr Video entdeckt habe und habe ReactJS verstanden

[@h.m.1514]

Dankeschön genial endlich React🤩

[@carolamarina8699]

Absoluter react Fan !

[@user-xr5cz2mr4v]

Also, wenn ich das richtig verstehe, muss ich mich nachdem ich die Basiscs gelernt habe, nicht mehr auf node konzentrieren? React ist node nur mit kompakteren Modulen und einfacherem effizienterem code?

[@martapfahl940]

NodeJS ist einfach nur die Technologie die es dir ermöglicht Javascript auf dem Server bzw. deinem Computer anstatt im Browswr auszuführen

[@ad-gangster7143]

DANKE OMG. Ich habe bis zum Video es nicht verstanden und wollte es schon solange mal ausprobieren, doch leider habe ich es nie verstanden. Danke!!!

[@Sirius-Bewusstsein]

geile Videos .... du erklärst das mega ich bin absolut begeistert von all deinen Videos :)

[@Morph0is]

wow, eifach nur toll gemacht!

[@chaosfaktor01]

Eigentlich ein gute Video, aber auch ich hab das Problem das ab 53:00 plötzlich ein ganz anderer Code da steht als du vorher reingehackt hast, verwirrung pur und nun weiß ich selber nicht weiter... echt schade..

[@andih4324]

Bei 50:46 sieht man das durch deine Korrektur das komplette Render rot wird. Dann gibt es einen Schnitt und alles was in AddItem geschrieben wurde ist weg. Nun wird es völlig anders reingeschrieben. Dazu ist die shopping-card noch immer gefüllt. Auch finde ich es nicht gut, wenn in den Code Werte geschrieben werden, nur um die unmittelbar danach mit einer Variablen zu ersetzen, das verwirrt nur und geht zu schnell. So ist das Video für Anfänger nicht geeignet!

[@christophsanner2223]

Kannst du mal mal ein android studio kotlin tutorial machen

[@psychedelic-chi]

Super Video, vielen Dank! Wozu eigentlich React, wenn ich doch auch responsive Websites (und daraus zB. eine PWA) erstellen kann. Worin unterscheidet sich denn eine React Page von einer responsive Page, bzw. welche wirklichen Vorteile bietet React?

[@appollo1151]

in minute 18:54 schreibst du etwas ins terminal rein was bei mir aber nicht geht. Wenn ich da was ein tippen möchte Passiert nicht.

[@DA-rp1wg]

Ich habe schon einige Erfahrungen mit Angular und finde React deutlich komplizierter. Das hat mich sehr überrascht, weil ich eigentlich das Gegenteil erwartet hatte. Jetzt frage ich mich, ob ich mit Angular weitermachen soll, obwohl React beliebter ist.

[@jazzyniko]

Hello everyone! Wie cool! 😃 Diese Kanal! Ich kann mein Deutsch verbessern und dabei React lernen. Frage: Wie viel Javascript soll Ich schon kennen bevor Ich React benutzen kann? Ich habe ein bisschen Erfahrung mit HTML, CSS, PHP und Python.

[@AnnoDomineMA]

Die Basics. Also ein paar Videos zu den JS basics anschauen.

[@thorstenfranke8247]

faszinierend, ich verstehe davon nur sehr wenig, ich schaue dir aber sehr gerne zu.

[@danielgend7856]

Gutes Tutorial für React Einsteiger, jedoch sind class components in React schon total überholt und nicht mehr state of the art ... Es ist trotzdem wichtig class components zu kennen, falls man im Job auf Unternehmen trifft, die diese noch benutzen, aber in 2023 sollte man definitiv wenn man sich für React entscheidet Function components lernen. Diese sind btw auch deutlich leichter und die ganzen "this" fallen weg

[@hydranooni]

und "create-react-app" wird auch nicht mehr empfohlen (auch nicht mehr von den React-Entwicklern selber), lieber Vite für SPA oder NextJS, Remix wenn man bissl mehr haben möchte

[@tamgaming9861]

@@hydranoonija war auch gerade dran das Tutorial zu machen - aber es steht in VSC, dass dies nicht mehr von den Entwicklern unterstützt wird. Schade. Kannst du das mit dem SPA und Vite evtl. erläutern - für Anfänger? Kann nur etwas Cpp oder Kotlin. Bin aber neu in JS und React.

[@patrickFREE.]

Wie schnell sich in dieser welt alles ändert.

[@Deny515]

Wir in der Arbeit verwenden sogut wie gar keine CSS Dateien die werden gleich inline mit html und scriptcode geschrieben. Natürlich macht es für ein Tutorial mehr Sinn das wegen der Übersicht aufzuteilen

[@fredymontalvo1923]

super video , nun eine Frage habe ich , warum benutzt du classe und nicht function?

[@oscarahlke5219]

@Programmieren lernen Super geniales Video! 🙂 Aber ich hab dennoch eine Frage: wo/wie hast du die index.css importiert? Denn in deinem Code sehe ich keine Zeile mit "import '.../index.css"; 🤔

[@texwiller2010]

Dankeschön toll gemacht!

[@manupet4347]

Hallo Junus, erstmal danke für das tolle tutorial. Meine Frage wäre was der Unterschied zwischen "react-router-dom" und deinem verwendetem "react-dom" ist. Beste Grüße.

[@Supergeckos1000]

react-router-dom (optional) ist ein Router, also um eine Anwendung mit mehreren Seiten zu bauen. react-dom ist quasi der Kleber zwischen React und dem Browser (damit React mit dem DOM spricht). ReactDOM brauchst du eigentlich immer, aber heutzutage muss man das alles gar nicht per Hand setuppen. Aber tbh Junus hinkt hier 5 Jahre hinterher und schreibt sehr veraltertes React.

[@patrickFREE.]

​@@Supergeckos1000😂

[@iceman280782]

Tolles Video. Kann ich React auch auf dem Hoster all-inkl ausführen? Du hast ja mal ein Video über all-inkl gemacht und seitdem bin ich Kunde :D

[@The_Ostrich]

React ist keine Library sondern ein Framework, es stellt keine Funktionen zur Verfügung....

[@Programmierenlernen]

Das kann man auch anders sehen. Es gibt da online recht viel Content dazu. Gerne mal googeln. Das ist immer ein heißes Thema.

[@fullstackjunior95]

Moin Junus, aber Javascript als Basis muss man vorher ja trotzdem lernen oder? Sonst versteht man React als Bibliothek ja gar nicht. Oder bist Du der Ansicht, man kann auch direkt mit React einsteigen ohne zumindest Fortgeschrittener in JavaScript zu sein?

[@Programmierenlernen]

Ich empfehle Jedem, erst einmal mit JavaScript zu starten und dann erst mit einem Framework weiter zu machen! Dieses Video habe ich nur veröffentlicht, weil es so oft nachgefragt wurde. Bei uns in der Akademie lernen die Teilnehmer erst im hinteren Drittel, mit einem Framework umzugehen.

[@AnnoDomineMA]

@@Programmierenlernen ReactJS ist keine Framework :P

[@NeverCodeAlone]

Vielen Dank!!

[@HaukeGulich]

Interessantes Video, aber ich finde das echt etwas verwirrend und kompliziert mit dem Warenkorb. Ich selbst bin Java Entwickler und bin eigentlich kein Freund von Java Script etc. Trotzdem muss man sich das ja mal ansehen. Mit ChatGPT bin ich auch gut voran gekommen - aber nicht mit classes sonder mit functions (so wie es hier auch jemand geschrieben hat). Aber mir fehlt irgendwie der gesamte Überblick und die Steuerung. Ich wollte eine Anwendung machen mit Login die dann per REsT API und Bearer Token prüft ob man die Seite anzeigen kann. Also Login anzeigen, anmelden und weiterleiten auf MainPage. Aber ich finde es irgendwie sehr umständlich auf jeder Seite zu prüfen ob im context irgendwas drin steht, dann mit Routen arbeiten usw. Finde das alles etwas unübersichtlich. Okay, vielleicht ist mein erstes Projekt auch etwas groß, aber ich finde das ja gerade interessant wie man solche Themen umsetzt. Vielleicht hat da noch jemand Videos oder Informationen zu? Wie gesagt ChatGPT macht das pro Seite eine validierung des context und dann mit Routen !?! Aber Video ansonsten schön gemacht!!!

[@larissasowada7534]

Hallo, könntest du das selbe Projekt nochmal mit tailwind css zeigen. Also den Online-Shop mit React bauen und satt bootstrap dafür tailwind nutzen.

[@jeephard]

Agziniza saglik. cok güzel bir anlatim olmus.

[@ylbytyqi1449]

Bei mir funktioniert das importieren nicht da in der Datei ein paar Fehler sind und es außerhalb von SRC gemacht wurde

[@tayfundurmaz4650]

Hallo vielleicht kann mir einer helfen. Ich komme seit tagen nicht weiter, da ich npm nicht installieren kann. Es kommen dauernd Fehlermeldungen hatte das jemand schon einmal auf dem Mac und kann mir weiter helfen?

[@Alexis-kj2jo]

Moin, ich habe mal eine Frage die nichts mit React zu tun hat sondern mit dem Video. Ist das vor dem Localhost 3000 eure IP? Ist das nicht riskant? Ich würde mich nicht wohlfühlen wenn man IP öffentlich wäre. Vielleicht habe ich da auch einen Denkfehler.

[@MrRuffythemonkey]

Das ist eine Interne IP. Und die ist von außen nicht verfügbar.

[@Alexis-kj2jo]

@@MrRuffythemonkey alles klar, gut zu wissen 👍

[@Leontv2305]

kannst du mal ein video machen wie man mit hmtl css und js ein login macht

[@xPolska1991x]

Wenn ich ein div Element anpasse ( class => className): Muss ich jedes einzeln Manuel anpassen. Welche Tastenkombi nutzt du damit alle Elemente direkt angepasst werden ?

[@rmbrox]

Per Alt + Rechtsklick lassen sich in VSCode mehrere Stellen markieren

[@jannik3475]

Hey könntet ihr auch ein Video über Nextjs machen? Das Webframework ist ja eng mit React verwandt.

[@julianwagner5376]

Cooles Video, aber kannst du vlt auch mal eins für React Native machen?

[@NamedAestheticZz]

Mega❤️

[@heikodoll8495]

Mach doch mal ein 60 Minuten Video über Vue js. Das wäre mal interessant.

[@TheGamer2024Short]

Hat er schon 😊

[@Darkbi3nchen]

Super Video und gut verständlich. ABER ab Minute 50 bis ca. 53 sieht man nichts mehr, weil das Kamerabild zu verschwommen ist.

[@JockelBacke]

leider nicht für anfänger geeignet. da wird schon sehr viel vorausgesetzt an wissen

[@AnnoDomineMA]

@Programmierenlernen Das Video und die Erklärungen sind recht gut. Leider wird create-react-app nicht mehr maintained. Selbst die contributer von CRA sagen, dass man doch eher auf VITE gehen soll. Webpack WAR toll, aber auch extrem langsam. Da mach VITE mit RolleUp einfach das ganze 10x schneller. Insbesondere im development. Würde mich freuen, wenn es auch ein Video geben wird, welches (ich nenn es mal) modernes React-Development mit VITE gezeigt wird.

[@timcool6888]

kannst du mal einen tutorial für minecraft mods machen

[@mrcool-pl2ix]

Ganz allgemein gesagt ist React ein Komplizierteres Html 😂

[@Spandauer66]

wie immer n cooles Video. Aber const ist ne Kontante und keine Variable. Variable wäre var oder let ^^ u.a. bist du daran schuld, dass ich zum Programmieren gekommen bin 🤣🤣

[@Programmierenlernen]

und was ist eine Konstante? Eine Variable, die unveränderbar ist? ;-)

[@Spandauer66]

@@Programmierenlernen nicht wirklich. "Variablen sind variabel, Konstanten sind konstant. · Variabel bedeutet veränderbar, konstant gleichbleibend. · Eine Variable hat also keinen festen Wert, sondern kann diesen immer wieder ändern. Eine Konstante hat einen festen Wert und dieser bleibt auch immer so wie er ist." Ergo gibt es keine unveränderbaren Variablen ^^

[@wasbruder1324]

Sehe grade deine Werbung an

[@helmutcohen562]

"Ich würde sagen.."! Da fühlt man sich ja unwohl. Warum will der Mann es nur immer sagen wollen?