5 tipp az abszolút kezdőknek a React fejlesztővé váláshoz (egy abszolút kezdőtől)

Ahogy talán már megszokhattátok, az összes eddigi technikai leírásunk, amelyek a React-hez kapcsolódnak, idáig tapasztalt React fejlesztők tollából származtak. Ezeknek az íróknak a kétségtelen előnye, hogy értékes, jól szervezett információt kapsz tőlük. Azonban ezek kevésbé kezdőbarát leírások, amelyek nem igazán vezetik a tanulók kezét.

Annak érdekében, hogy orvosoljuk ezt a hiányosságot, szeretnénk segítséget nyújtani ebben a sorozatban, amely kifejezetten kezdőkre van szabva, akik időnként úgy találják magukat, mintha kilátástalanul bolyonganának a state-ek és prop-ok látszólag reménytelen erdejében. És mi lehetne hasznosabb az új kezdő React tanulóknak, mint hasznos tippeket kapni egyik társuktól arról, mire is számíthatnak amikor a React tanulásába mélyednek?

Így, kérlek fogadjátok sok szeretettel a legújabb bejegyzésünket csapatunk legfiatalabb tagjától. És ne feledjétek: amikor nehézségekbe ütköztök, jusson eszetekbe, hogy valahol távol, valaki pont ugyanúgy szentségel.

Helló mindenkinek, örülök, hogy itt lehetek! Én lennék az emlegetett szamár. Ahogy korábban már említettük, néhány túlélési tippet fogok nektek adni a React megtanulásához.

Nos, talán jobb megfogalmazás, hogy megosztom veletek tapasztalataimat, amiből tanulhattok. És mivel én épp a React tanulás közepette vagyok, előzetes fejlesztői tudás nélkül, ezért egy valós képet tudok mutatni a tanulási görbéjéről. A javatokra vagy károtokra, hogy bátorítson vagy eltántorítson, adok egy jól megfogható perspektívát azoknak, akik ugyanúgy szeretnék elkezdeni, mint én, a nulláról. "Jó, jó" már hallom is, ahogy mondjátok, "de mit jelent pontosan a nulla a te esetedben?" Nos, egész konkrétan azt, nagyjából. Hivatalosan április 1-jétől kezdtem el programozást tanulni. Azelőtt csak épphogy belekóstoltam a kódolásba. Elvégeztem a saját "Hello World!"-ömet HTML-ben, később JS-ben, amit úgy érzek, egyetérthetünk, hogy az nem sok. Ha nem tudod, mi az a "Hello World!", gyorsan nézz utána bármelyik útmutatóban, ami elérhető a weben, és hamarosan ugyanarra a következtetésre jutsz, hogy igen, az nem sok.

Tehát milyen a React tanulása az én esetemben? Nehéz.

Köszönöm, hogy elolvastad! Találkozzunk legközelebb.

Ja hogy kicsit részletesebben érdekelne? Igen, persze, miért is ne...

Mit szólnátok 5 tipphez a React-ban való tanuláshoz:

5-ös tipp: Ne csüggedj el a tanulási görbétől

Csakhogy igazságosak legyünk, nem egészen arról van szó, hogy maga a React tanulása nehéz, sokkal inkább arról, hogy a megfelelő alapok nélkül nehéz. Mint egy library, megadja a lehetőséget hogy projekteket építsünk JS, HTML és CSS használatával. Na de ha ezekből hiányos a tudásunk, tisztességesen fogja akadályozni a munkánkat. És mivel én kezdő vagyok, hiányos is vagyok mindháromból. Mindenbizonnyal a JS-em áll a legjobban, és még az sem jelent sokat, úgyhogy elmondható, hogy én tisztességesen hátráltatva csinálom. De ugyanakkor ez is volt a kísérlet lényege, hogy meg tudjuk, lehet-e React-et tanulni egy biztos alap nélkül. És az igazság az, hogy a válasz egy igen masszív talán.

4-es tipp: Próbáld meg minél hamarabb hasznossá tenni magad

Tudok-e nagy léptékű projekteket írni a React-ben? Abszolúte nem. Tudok-e projekteket megnyitni és navigálni a komponenseken keresztül, hogy megtaláljam a szöveget, amit meg kell változtatni, hogy a weboldalon a szöveg ennek megfelelően változzon? Minden bizonnyal. Segítséggel és kutattással írtam már saját projektet. Értettem is mindent ami a kódomba került? Nem. Kellene? Nem feltétlen, habár mindenképpen előnyömre válna ha igen. Jelenleg, a kódolásom abból áll hogy meglévő projekteket nézek át, mások projektjeit túrom, keresem a megoldást a weben és kimásolok mindent ami jónak tűnik és reménykedek tényleg az. Néha működik is, de gyakrabban nem. Így néhány óra önsanyargatást követően megkérdezem a vezető front-end fejlesztőt hogy mit rontottam el. Néhány pillantást követően általában a válasz, hogy ott hiányzik egy zárójel, amott egy vessző, avagy “ez egy macskás video, hagyd abba a marháskodást mielött megcsaplak”.

3-as tipp: Át ne válts egy másik frontend keretrendszerre!

Szóval ha ez az egész ekkora káosz, miért kezdtem bele a React-be? A professzionális válasz amit azt hiszem adnom kellene, az az, hogy ez egy nagyon népszerű JS library a felhasználói felületek építéséhez. Komponens alapú architektúrával rendelkezik, ami lehetővé teszi jól szervezett, moduláris és könnyen karbantartható kód írását. Emellett nagy ökoszisztémával és széleskörű közösséggel rendelkezik, így bármit is próbálsz létrehozni, jó esély van rá, hogy valaki előtted már megcsinálta, és ha mégsem, rengeteg emberhez fordulhatsz tanácsért. Nem feltétlen a leggyorsabb build-et produkálja, de elég gyors, miközben barátságos a keresőoptimalizálás szempontjából is.

Az őszinte válasz pedig, hogy nekem azt mondták, hogy a React fejlesztőkre nagy kereslet van, mivel gyakorlatilag mindent meg lehet vele csinálni a front-end terén, és viszonylag kezelni is könnyű. Ahogy láthatjuk a diagrammon is, a három legelterjedtebb keretrendszer közül a React a legkeresettebb a munkaerőpiacon, mintegy 150%-kal előzi meg a második helyen álló Angular-t.

Megtekinthetitek a keresletet is a 3 legjobb keretrendszer iránt helyszínekre bontva. Hát nem egy szoros verseny.

Továbbá, rengeteg online forrás áll rendelkezésedre a tanuláshoz; legyen szó az alapok megtanulásáról néhány ingyenes útmutató segítségével, vagy egy teljes körű online előadásról mindössze 99,99 dollárért, amely mindent megtanít a kezdetektől a végéig, mindig van hova fordulnod. Emellett ott van a hivatalos React dokumentáció amely segíthet megérteni az alapjaitól kezdve, és mindig jó referencia pont, amikor elveszettnek érzed magad.

2-es tipp: Kérd magad számon

Ami a jövőt illeti, a csillagok állása szerinti határidőm ez év vége. Ez azt jelenti, hogy körülbelül 5 hónap alatt képesnek kell lennem saját projekteket létrehozni, meglévőket fejleszteni és produktív tagjává válni a fejlesztői csapatnak.

Ami pedig téged illet, neked célokat kell kitűznöd magad elé. A "React tanulása" nem konkrét és használhatatlan ebben az esetben. Meg kell határoznod, hogy pontosan mit jelent a React tanulása a számodra, hogy eldönthesd, elérted-e a célodat. Ez segít egyben tartani is téged, mivel mindig vannak ellenőrzőpontjaid, amelyekre visszatekintve láthatod, mit értél már el korábban. Bár jelenleg küzdesz a Redux state management-vel, és úgy érzed, hogy a világ legnagyobb ökre vagy, visszanézve korábbi eredményeidet reményt adhatnak neked. Reményt, hogy bár most teljesen eltévedtél, ugyanez volt a helyzet pár hónappal ezelőtt, amikor megpróbáltad megérteni az alap React state management-jét is, és nézd, hova jutottál már! Zuhany alá, sírva, zokogva, azon tűnődve, mennyi időt sikerült ezzel el pazarolnod...

Akááárhogy is, a világosan előre meghatározott célok nagyszerűek a fejlődéshez. Azonban nehéz ezt egyedül megvalósítani, és saját magunk felelősségre vonása sok fegyelmet igényel. Mást megkérni hogy kérjen számon viszont sokkal könnyebb, és ha ne adj’ isten ez a valaki még tapasztalt fejlesztő is, akkor ez a vélhető legjobb megoldás!

1-es tipp: Szerezz egy mentort

Ez mind szép és jó, de ez a tanács mindegyiknél fontosabb. Ha csak egy valamit jegyzel meg, ez legyen az. A cég, ahol dolgozom és következésképpen a programozást is tanulom, a kódolást frontend részét React-tel oldja meg. Így még ha a szívem választottja az Angular is lenne, mit nyernék vele, miközben a React-et kellene használnom? Emellett a kollégáim is a React-et használják, a projekteink is React-ben készültek, és az újak is nagy valószínűséggel React-ben fognak majd.

Közben vitathatnánk, hogy egy másik keretrendszer megtanulásával a csapat tudását bővítenénk, és többnyire igazunk is lenne ebben. Azonban, én személy szerint, nagyon szívesen ráhagyom az ilyenfajta új technológiák megismerését valamelyik vezető fejlesztőre, amíg én továbbra is azzal foglalkozom ami a meglévő környezetünkben is van. És mivel a mentorom is szorgalmas React használó, egyértelmű hogy ennél kellene maradnom és addig jól megtanulnom, amíg van kitől kérdeznem. A szimpla megtanulásánál ami még jobb, az a gondolatsémák, a legjobb praktikák, és a céges projekteink belső működése megismerése. Szóval, én inkább maradok a React-nél.

Az eddigi szószátyárkodásomból már kiderült, hogy a React a nyilvánvaló “alapvető jó” választás a tanulásra, de most egy kicsit ellent is mondok magamnak. Az én szituációmban a legjobb válasz a mivel is kezdjem kérdésre. De ez nem feltétlenül jelenti azt hogy neked is az. Nem szabad csak az én szavamra hagyatkoznod, és az sem lenne jó, ha csak az esetleges fizetést néznéd, amit keresni tudsz vele, mert jól React-ezel. Amit figyelembe kellene venned, hogy milyen erőforrások állnak rendelkezésedre a tanuláshoz, van-e kereslet rá a környékeden, és élvezetes-e a számodra a használata (vagy legalább semlegesen állsz hozzá).

És talán a legfontosabb dolog, hogy szerezz egy mentort, akit zaklathatsz a kérdéseiddel, és tanulhatsz tőle. Elképszető segítség egy olyan személy aki karnyújtásnyira van tőled és képes válaszolni a szuper specifikus kérdéseidre, leellenőrizni a kódodat és elmondani, hogy a használt funkció teljesen rossz, és másikat kellene használnod, ahelyett, hogy stack overflow-on próbálnád megfejteni valaki más kódját, miért működik az, és a tiéd miért nem. Egyszerűen felbecsülhetetlen értékű, hogy legyen valaki, aki segít megérteni a koncepciókat igény szerint.

De ha még nem találtad meg ezt a különleges embert az életedben, és segítségre van szükséged a React nehezebb koncepcióinak megértéséhez, van neked egy kis segítségünk! Mint például a state management, amely a React egyik legnagyobb mumusa, és amelyről már előkészítettünk egy 3 részes mini sorozatot. Amit alább találhatsz a megfelelő linkeiken I. rész, II. rész, III. rész keresztül.

Hova tovább?

És hogy én hol állok most? A teljes körű online oktatóanyag előtt. Remélhetőleg, miután végignyaltam magam rajta, képes leszek egyedül megállni a helyem a React világában. Ha pedig mégsem, mindig van másik útmutató vagy előadás, amely egy másik nézőpontból mutatja végig, hogy egy újabb esélyt adjak magamnak.

Találkozzunk akkor újra, ahol egy szívhez szóló beszélgetést folytathatunk arról, hogy jó ötlet volt-e a kezdetektől a React tanulásával indulni. És ha te is úgy döntöttél, hogy vállalod ezt a fárasztó utat, jó esély van rá, hogy jót derülhetsz majd a káromra, amikor legközelebb is leírom a tapasztalataimat...