TOP 5 Tipps für einen absoluten Neuling, um React-Entwickler zu werden (von einem absoluten Neuling)

Wie Sie sich vielleicht bereits daran gewöhnt haben, stammen alle unsere technischen Beschreibungen, die sich bisher auf React beziehen, aus der Feder erfahrener React-Entwickler. Der entscheidende Vorteil dieser Autoren ist, dass Sie wertvolle, gut organisierte Informationen erhalten. Dies sind jedoch weniger anfängerfreundliche Beschreibungen, die die Lernenden nicht wirklich an die Hand nehmen.

Um dieses Manko zu beheben, möchten wir mit dieser Serie Hilfestellung geben, die speziell auf Anfänger zugeschnitten ist, die sich manchmal im scheinbar hoffnungslosen Wald der Staaten und Requisiten wiederfinden. Und was könnte für React-Neulinge hilfreicher sein, als nützliche Tipps von ihren Kollegen zu erhalten, was sie erwartet, wenn sie sich in das Erlernen von React vertiefen?

Begrüßen Sie also unseren neuesten Beitrag mit viel Liebe vom jüngsten Mitglied unseres Teams. Und vergiss nicht: Wenn du auf Schwierigkeiten stößt, denke daran, dass irgendwo anders jemand mit der gleichen Sache zu kämpfen hat.

Hallo zusammen, schön, hier zu sein! Ich bin der oben erwähnte Kämpfende. Wie bereits erwähnt, werde ich euch ein paar Überlebenstipps geben, damit ihr React lernen könnt.

Nun, ich würde dir eher von meinen Erfahrungen erzählen, damit du daraus lernen kannst, das wäre wahrhaftiger. Und da ich mich mitten im Erlernen von React befinde, ohne wirkliche Vorkenntnisse der Entwickler, sollten Sie in der Lage sein, die Lernkurve richtig einzuschätzen. Im Guten wie im Schlechten, um zu ermutigen oder zu erschrecken, um anderen eine richtige Perspektive zu geben, die es aus dem Nichts beginnen wollen, genau wie ich. "Ok-ok", höre ich dich sagen, "aber was genau bedeutet die Null in deinem Fall?" Naja, so ziemlich das. Ich habe seit dem 1. April angefangen, offiziell programmieren zu lernen. Davor habe ich mich nur mit dem Programmieren beschäftigt. Ich habe mein eigenes "Hello World!" in HTML und später in JS geschrieben, also glaube ich, dass wir uns alle einig sind, dass das nicht viel ist. Wenn Sie "Hello World!" nicht kennen, werfen Sie einen kurzen Blick auf eines der im Internet verfügbaren Tutorials und Sie werden schnell zu dem gleichen Schluss kommen, dass das nicht viel ist.

Wie ist es also, in meinem Fall React zu lernen? Hart.

Danke fürs Lesen! Bis zum nächsten Mal.

Ein bisschen detaillierter, sagst du? Ja, klar, warum nicht...

Wie wäre es, wenn ich Ihnen 5 Tipps zum Erlernen des Programmierens in React gebe:

TIPP Nummer 5. Lassen Sie sich von der Lernkurve nicht entmutigen

Um fair zu sein, ist es nicht so, dass das Erlernen von React schwer ist, es ist eher so, dass es ohne die Grundlagen schwierig sein wird. Als Bibliothek bietet es Ihnen die Werkzeuge, um Ihre Projekte hauptsächlich mit JS, HTML und CSS zu erstellen. Aber wenn es Ihnen in dieser Abteilung mangelt, wird dies Ihren Fortschritt massiv behindern. Und da ich ein Neuling bin, fehlen mir alle drei. Wahrscheinlich ist mein JS das beste, und das bedeutet immer noch nicht viel, also bin ich ordentlich behindert. Aber das war der Sinn dieses Experiments, ob ich React auch ohne feste Basisschicht lernen kann. Und um ehrlich zu sein, ist die Antwort ein sehr solides vielleicht.

TIPP Nummer 4. Versuchen Sie, sich so schnell wie möglich nützlich zu machen

Kann ich große Projekte in React schreiben? Auf keinen Fall. Kann ich Projekte öffnen und durch die Komponenten navigieren, um eine Zeichenfolge zu finden, die geändert werden muss, damit sich der Text auf der Website entsprechend ändert? Auf jeden Fall. Mit Hilfe und Recherche habe ich meine eigenen Projekte geschrieben. Verstehe ich alles, was in meinen Code eingeflossen ist? Nein. Muss ich das? Nicht unbedingt, obwohl es mir gut tun würde, dies zu tun. Bisher besteht der größte Teil meiner Codierung darin, frühere Projekte zu überprüfen, Projekte anderer zu überprüfen, im Internet nach Lösungen zu suchen und alles zu kopieren, was ich finde und hoffe, dass es funktioniert. Manchmal tut es das, mehr als das nicht. Das ist der Moment, in dem ich nach ein paar Stunden Selbstverleugnung den leitenden Frontend-Entwickler frage, was ich vermasselt habe. Ein paar Blicke später sagt er mir meistens, dass ich hier eine Klammer übersehen habe, dort ein Komma oder "das ist ein Katzenvideo, hör auf, herumzuspielen, bevor ich dich schlage".

TIPP Nummer 3. Trauen Sie sich nicht, in ein anderes Frontend-Framework zu wechseln

Also, wenn es so ein Chaos ist, warum habe ich dann überhaupt mit React angefangen? Die professionelle Antwort, die ich Ihnen geben soll, ist, dass es sich um eine sehr beliebte JS-Bibliothek zum Erstellen von Benutzeroberflächen handelt. Es verfügt über eine komponentenbasierte Architektur, die einen gut organisierten Code ermöglicht, der modular und einfacher zu warten ist. Es hat auch ein großes Ökosystem und eine große Community, so dass die Wahrscheinlichkeit, dass jemand vor Ihnen es bereits getan hat, gut ist, und selbst wenn nicht, haben Sie viele Leute, die Sie um Rat fragen können. Es bietet vielleicht nicht den schnellstmöglichen Build, aber es ist schnell genug und gleichzeitig SEO-freundlich.

Die ehrliche Antwort ist, dass mir gesagt wurde, dass React-Entwickler sehr gefragt sind, da sie so ziemlich alles auf der Front-End-Seite der Dinge tun können und gleichzeitig relativ einfach zu handhaben sind. Wie Sie im Diagramm sehen können, ist React unter den 3 am weitesten verbreiteten Frameworks das am meisten nachgefragte auf dem Arbeitsmarkt und entspricht 150% dem zweitplatzierten Angular.

Sie können auch die Anforderungen für das Top-3-Framework basierend auf dem Standort überprüfen. Es ist nicht einmal ein Wettbewerb.

Es gibt auch eine Fülle von Online-Ressourcen, von denen Sie lernen können. Egal, ob Sie die Grundlagen aus einigen kostenlosen Tutorials lernen möchten oder eine allumfassende Online-Vorlesung für nur 99,99 $ wünschen, die alles von Anfang bis Ende lehrt, Sie haben immer einen Ort, an den Sie sich wenden können. Außerdem gibt es die offizielle React-Dokumentation, die Ihnen helfen kann, sie im Kern zu verstehen, und sie ist immer ein guter Bezugspunkt, wenn Sie sich verloren fühlen.

TIPP Nummer 2. Halten Sie sich selbst in der Verantwortung

Was die Zukunft betrifft, so ist meine Deadline Ende dieses Jahres. Das bedeutet, dass ich in etwa 5 Monaten in der Lage sein sollte, meine eigenen Projekte zu erstellen, bestehende zu verbessern und ein produktives Mitglied des Entwicklerteams zu sein.

Was Sie betrifft, müssen Sie sich Ziele setzen. "Learning React" ist in diesem Fall nicht greifbar und nutzlos. Sie müssen definieren, was das Erlernen von React konkret für Sie bedeutet, damit Sie entscheiden können, ob Sie Ihr Ziel erreicht haben. Es hilft dir auch, dich in Schach zu halten, da du immer deine Checkpoints hast, auf die du zurückblicken und sehen kannst, was du erreicht hast. Auch wenn du im Moment mit der staatlichen Verwaltung in Redux kämpfst und dich wie der dümmste Possenreißer fühlst, den es je gegeben hat, kann dir ein Rückblick auf deine früheren Errungenschaften Hoffnung geben. Ich hoffe, dass Sie sich im Moment völlig verloren fühlen, so auch vor ein paar Monaten, als Sie versuchten, die Zustandsverwaltung in der Basis von React zu verstehen und zu sehen, wo Sie jetzt stehen! Unter der Dusche weinen, an all die verschwendete Zeit denken...

Wie auch immer, klare, vordefinierte Ziele zu haben, ist großartig für den Fortschritt. Es ist jedoch schwer, es alleine zu schaffen, und sich selbst in die Verantwortung zu nehmen, erfordert viel Disziplin. Auf der anderen Seite ist es wirklich einfach, jemanden dazu zu bringen, dich zur Rechenschaft zu ziehen, und wenn es sich zufällig sogar um erfahrene Entwickler handelt, ist es meistens der bessere Weg!

TIPP Nummer 1. Holen Sie sich einen Mentor

Das ist alles schön und schön, aber alle meine oben genannten Gründe verblassen im Vergleich zu diesem letzten. Das Unternehmen, bei dem ich arbeite und später Programmieren lerne, beschäftigt sich mit dem Frontend der Codierung mit React. Also, selbst wenn ich Hals über Kopf in Angular verliebt wäre, was würde es mir nützen, wenn ich React benutzen soll? Außerdem verwenden die Kollegen, die ich habe, React, die Projekte sind in React, und die neuen werden höchstwahrscheinlich in React sein.

Man könnte argumentieren, dass es sinnvoll wäre, ein anderes Framework zu erlernen, um die Wissensbasis des Teams erweitern zu können, und sie hätten wahrscheinlich Recht. Ich lasse jedoch gerne einen der leitenden Entwickler einen Blick auf neue Technologien werfen, während ich mich mit den bereits vorhandenen in unserer Umgebung herumschlage. Und da mein Mentor auch ein begeisterter React-Nutzer ist, macht es in meinem Fall sehr viel Sinn, dabei zu bleiben und es richtig zu lernen, während ich die Möglichkeit habe, eine Person zu fragen, die sich bereits mit diesem Zeug auskennt. Noch mehr als nur Wissen zeige ich Best Practices, Denkprozesse und das Innenleben der Konstruktion unserer Projekte. Ich denke also, dass ich bestehen und React treu bleiben werde.

Wie ich darüber geplappert habe, ist React eine offensichtliche "grundlegend gute" Wahl, die man lernen kann, aber ich werde auch ein bisschen gegen mich selbst vorgehen. Meine Situation macht es einfach zur besten Lösung für die Frage, womit man anfangen soll. Das bedeutet jedoch nicht, dass es auch für Sie die beste Lösung ist. Sie sollten sich nicht auf mein Wort verlassen, wenn Sie mit React beginnen, und auf keinen Fall nur auf den möglichen Lohn schauen, den Sie für sich selbst verdienen können, wenn Sie gut darin sind. Was Sie sich ansehen sollten, ist, welche Ressourcen Sie sammeln können, um daraus zu lernen, ob sie in Ihrem Gebietsschema überhaupt gefragt sind, und ob es Ihnen Spaß macht, sie zu verwenden (oder ob Sie zumindest neutral sind).

Und vielleicht ist das Wichtigste, einen Mentor zu finden, den Sie mit Ihren Fragen belästigen und von dem Sie lernen können. Es hilft ungemein, eine Person um sich zu haben, die Ihre Super-Nischenfragen beantworten und einen Blick auf Ihren Code werfen kann, um Ihnen zu sagen, dass die Funktion, die Sie verwenden, völlig falsch ist und eine andere verwenden sollte, anstatt sich einen Stapelüberlauf anzusehen und zu versuchen, den Code eines anderen herauszufinden, warum das funktioniert. Und bei Ihnen nicht. Es ist einfach unbezahlbar, jemanden zu haben, der Ihnen helfen kann, Konzepte auf Abruf zu verstehen.

Aber für den Fall, dass Sie das Besondere in Ihrem Leben noch nicht gefunden haben und etwas Hilfe benötigen, um einige der schwierigeren Konzepte von React zu verstehen, haben wir genau das Richtige für Sie! Wie das State Management, das einer der größten Buhmänner von React ist, von dem wir bereits eine 3-teilige Miniserie vorbereitet haben. Die Sie in den entsprechenden Links für Teil I, Teil II, Teil III der Serie finden.

Wie geht es weiter?

Und wo stehe ich gerade? Bei dem allumfassenden Vortrag. Nachdem ich mich durchgekaut habe, werde ich hoffentlich in der Lage sein, in der Welt von React auf eigenen Beinen zu stehen. Und wenn nicht, gibt es immer noch ein anderes Tutorial oder eine Vorlesung, die ich mir aus einer anderen Perspektive anschauen kann, um mir eine weitere Chance zu geben.

Wir sehen uns dort, wo wir eine Herz-zu-Herz-Diskussion führen können, ob es eine gute Idee wäre, React von Anfang an zu lernen. Und wenn Sie sich entschieden haben, auch diesen beschwerlichen Weg auf sich zu nehmen, stehen die Chancen gut, dass Sie auf meine Kosten herzhaft lachen können, wenn ich das nächste Mal meine Erfahrungen beschreibe...