Chtěli jste se chvíli naučit React Native a přemýšleli jste, jaký online kurz nebo tutoriál absolvovat? Pracovali jste s JavaScriptem, Reactem nebo React Native a chcete dobrý kurz, který by rozvíjel své dovednosti? Nebo jen obecně hledáte návod React Native a přemýšlíte, který si vzít, zmateni veškerým dostupným online obsahem? No, máte štěstí. V tomto článku si věnuji krátkou chvíli a pár slov, abych zhodnotil The Complete React Native and Redux Course na Udemy.
Instruktor
Bylo by špatné recenzovat kurz, aniž byste se podívali na trenéra. Chci říct, že lektoři nejen vejdou do třídy a nezačnou učit. Alespoň se představí.
Tento kurz vytvořil/vedl Stephen Grider. Stephen je v době psaní této recenze pěkný trenér sestupu s celkem 17 kurzy a více než 200 000 studenty na Udemy.
Stephen má kurzy na širokou škálu témat. Abych zmínil několik:
- Node JS:Advanced Concepts
- Přejít:Úplná příručka pro vývojáře
- Ethereum a Solidity:Kompletní průvodce pro vývojáře
Existuje mnoho dalších témat o React, React Native a dalších tématech.
Chcete-li zobrazit více o dílech Stephena Gridera, můžete navštívit jeho profil Udemy nebo jeho webovou stránku rallycoding.com. Můžete se s ním také spojit na Twitteru @ste_grider.
Zamýšlené publikum
Jak dobrý musíte být v programování/JavaScriptu, abyste mohli absolvovat tento kurz?
Začátečník
Jak si můžete všimnout v mé recenzi na tento kurz, začíná od úplných základů nastavení vývojového prostředí React Native až po inicializaci vašeho prvního projektu a pokračuje k budování na vrcholu získaných znalostí.
Abyste však mohli pohodlně projít tímto kurzem, budete potřebovat znát právě tolik JavaScriptu, abyste pochopili, co se děje. Malé vystavení Reactu by také znamenalo dlouhou cestu, ale nejsou vyžadovány žádné znalosti React Native.
Přehled obsahu
Nyní je čas přejít k důležitým detailům.
Pro začátek se podívejme na obsah tohoto kurzu. Někteří rádi považují tuto část recenze za shrnutí .
Tento kurz naplní váš mozek spoustou znalostí o React Native. Zde je několik pozoruhodných témat.
Načítání a množství nastavení
-
Reagovat Nativní nastavení:
Kurz jde do mnoha podrobností o nastavení vašeho vývojového prostředí React Native. Nemusíte si dělat starosti s výběrem operačního systému, protože tato část se vztahuje na nastavení OSX i Windows. Chvilka ticha pro linuxové zaryté jako jsem já . Ale protože Linux je podobný Unixu, některá nastavení OSX pro vás budou relevantní.
-
ES Lint:
Neviděl jsem mnoho kurzů, které by skutečně vedly studenty přes ES Lint takto nastavené. Je to opravdu zásadní vývojový nástroj, téměř každý seriózní projekt, na kterém budete pracovat, bude mít linter a hodně by pomohlo naučit se to od začátku. Aby se předešlo válkám textových editorů, je to také zobrazeno ve 3 nejoblíbenějších editorech:VS Code, Atom a Sublime.
Reagovat
Nejspíše to zní legračně, když si přečtete recenzi kurzu React Native a zjistíte, že React je jeho významnou součástí. Ve většině částí React Native používá React k vytváření mobilních aplikací. Takže důležitost Reactu nelze přehnaně zdůrazňovat. Tento kurz se při mnoha příležitostech ponoří hluboko do Reactu a vysvětlí důležité pojmy, jako jsou komponenty, typy rekvizit, renderování atd.
FlexBox
Styling je jednou z nejdůležitějších součástí mobilního vývoje. Pokud jste použili špatně stylizovanou aplikaci, věděli byste. FlexBox je švýcarský armádní nůž pro návrhy uživatelského rozhraní na mobilních zařízeních, zejména pro React Native. Díky tomu je FlexBox v podstatě klíčovou součástí vývoje v React Native. S takovou důležitostí by žádný kurz React Native nebyl úplný bez FlexBox.
Tento kurz otevírá pandořinu skříňku, kterou je FlexBox, a snaží se vysvětlit, jak funguje. V průběhu kurzu budou prozkoumány některé oblíbené vlastnosti FlexBoxu a jak různé hodnoty vlastností ovlivňují umístění prvků na mobilu. Některé z vlastností, které jsou podrobně zkoumány, zahrnují:flex , justifyContent , alignItems a flexDirection .
FlexBox se však neomezuje pouze na toto, ve FlexBoxu je mnohem více vychytávek, z nichž některé se používají v tomto kurzu, zatímco jiné se budete muset naučit na cestách.
Vstup uživatele
Uživatelský vstup je nedílnou součástí aplikací. Používá se k přijímání uživatelských dat (jako jsou gesta, klepnutí, klávesnice atd.) a jejich zpracování pro zobrazení očekávaného výstupu. S ohledem na to chápete důležitost uživatelského vstupu, zejména v mobilních zařízeních.
Největším úskalím, ve kterém se většina lidí nachází, je pokusit se vytvořit mobilní vstupy, jako je způsob, jakým vytváříme webové vstupy. Tento kurz to řeší a provede vás, jak vytvářet a upravovat své vstupy pro nativní mobilní aplikace.
FireBase
FireBase je jedna z nejúžasnějších platforem pro použití ve vašich aplikacích. Pokud jste jej nepoužili, rozhodně musíte vyzkoušet jeho úžasnost.
Naštěstí pro vás v tomto kurzu dostanete příležitost začít s FireBase. Tento kurz podrobně popisuje, jak začít s FireBase, jak se zaregistrovat, nastavit nový projekt FireBase a hlavně nastavit FireBase pro váš projekt React Native.
Nebudete však moci projít všem úžasné funkce FireBase. Tento kurz prochází pouze ověřováním pomocí FireBase, takže pro více informací se budete muset učit sami nebo si najít jiný kurz. Dokumenty FireBase jsou skvělým místem, kde začít.
Redux
Redux je projekt, který poskytuje snadný způsob centralizace stavu vaší aplikace. Redux je docela důležitá knihovna, zejména při vytváření frontendových aplikací. Jak vaše aplikace roste, je potřeba mít robustní systém správy stavu, což Redux umí skvěle.
Více o Reduxu si můžete přečíst v odpovědi Stephena Gridera Quora o tom, co je redux a kdo ho používá?
Knihovna je zpočátku dost nepřehledná, ale tento kurz se s tím snaží poprat a co nejvíce zjednodušit. Jak Stephen v kurzu uvádí, jeho cílem je:
Tento kurz má jedno z nejlepších vysvětlení Redux, se kterými jsem se setkal. Vaše znalosti Redux se s tímto kurzem mohou doslova dostat z "0 - 100 opravdu rychle". No, Redux má docela strmou křivku učení, takže možná ne tak docela 100. Stephenovi však zabere čas, aby se ponořil hluboko do fungování reduktorů a akcí odděleně, podrobně vysvětlil, jak každý z nich funguje a jak se vzájemně ovlivňují, aby ovlivnily obchod. Docela skvělé a výtečně podrobné vysvětlení toho samého.
Navigace
Navigace je další důležitou součástí mobilních aplikací. Zde je to, co React Native Docs říká o navigaci
Zdarma e-kniha:Git Essentials
Prohlédněte si našeho praktického průvodce učením Git s osvědčenými postupy, průmyslově uznávanými standardy a přiloženým cheat sheetem. Přestaňte používat příkazy Google Git a skutečně se naučte to!
S tímto vysvětlením si uvědomíte nejvyšší důležitost navigace v React Native. Tento kurz se věnuje tomuto tématu a probírá důležitost navigace a toho, jak ji zabudovat do aplikace. Jak říká instruktor, toto je jedno z těch témat, které vysvětlování pomocí slov a diagramů nefunguje. Ve skutečnosti s tím musíte věci stavět.
Navigace může být docela složitá, a proto je důležité mít při sestavování navigaci krok za krokem.
Existuje poměrně málo navigačních knihoven a tento kurz používá k implementaci navigace reaktivní-nativní směrovač. Tato knihovna však v současné době není tou nejlepší dostupnou možností, ale o tom budu mluvit více v sekci Kritika tohoto článku.
Dobro
Nastavení
Většina kurzů má tendenci přehnaně vypadat nastavení a předpokládá se, že to studenti zvládnou sami. Ve skutečnosti většina z nich poskytuje pouze odkazy na instalační dokumentaci pro různé platformy. Tento kurz však vyžaduje čas, aby uživatele provedl velmi důležitým krokem nastavení a na různých platformách, aby bylo zajištěno, že student rozumí a úspěšně začne, bez ohledu na platformu, kterou si zvolí. I když jsem si jistý, že zarytí Linuxu o tom budou debatovat.
FlexBox
Důležitost FlexBoxu v mobilu nelze dostatečně zdůraznit. Jsem rád, že si tento kurz našel čas, aby zajistil, že studenti získají co nejlepší pochopení konceptu a implementují pěkná rozhraní pomocí toho samého.
Redux
Jak již bylo zmíněno, toto je jedno z nejlepších vysvětlení Reduxu, se kterým jsem se setkal. Kurz zabere čas na zjednodušení terminologie knihovny do jednoduché angličtiny, což je neuvěřitelně užitečné.
Opětovné použití komponent
Toto je velmi důležitá část vývoje pomocí Reactu, stejně jako dalších frameworků. Používání rekvizit k psaní komponent, které lze znovu použít, což je něco, co je demonstrováno v tomto kurzu.
Vysvětlení
Jsem si jistý, že jste narazili na kurzy nebo online tutoriály, které jen ukazují nějaké kouzlo a neposkytují absolutně žádné vysvětlení toho, co se děje. No, tento kurz je úplný opak těchto. Abych citoval instruktora:
Stephen také:
- Vysvětlit každou knihovnu/závislost a proč se používá.
- Vysvětluje každý příkaz, který spustíte, a co má dělat.
- Přepsání vygenerovaného kódu zabere čas, aby se vysvětlilo, co vygenerovaný kód dělá.
- Vysvětluje každý kousek kódu, který napíšete.
- Ponoří se hluboko do fungování JSX pomocí transpileru Babel k jeho vysvětlení.
Špatné
Navigace
Procházení navigace v React Native vyžaduje čas a dělá to výjimečně dobře. Kurz však nepoužívá aktuálně doporučenou navigační knihovnu React Native. React Native Router Flux se používá k implementaci navigace v tomto kurzu, což je populární navigační knihovna, ale React Navigation je mnohem populárnější než ostatní a v současné době je doporučována React Native docs.
Použití této knihovny je s největší pravděpodobností proto, že v době vytvoření kurzu byl React Native Router Flux nejoblíbenější možností a React Native neměl doporučenou navigační knihovnu.
Publikování
Tento kurz se jmenuje "The Complete React Native and Redux Course", ale postrádá jednu zásadní část React Native. Publikování aplikací. To je někdy jedna z nejnáročnějších částí vývoje aplikace, přechod od vývoje k produkci. Bylo by krásné mít tak podrobné vysvětlení pro publikování v Google Play Store nebo Apple App Store.
Závěr
Když končím tuto recenzi, zde je můj celkový pohled na kurz – Stephen je velmi dobrý instruktor, který zajišťuje, že studenti porozumí každému kousku kódu. Udělá si čas, aby podrobně vysvětlil důležité koncepty pro vývoj aplikací React Native, jako jsou FlexBox, FireBase, React a Redux.
Toto je úžasný kurz pro každého, kdo chce začít s React Native nebo pokud si chcete oprášit témata obsažená v kurzu.
Řeknu však, že to není úplně „kompletní“, budete si muset najít čas na prozkoumání dalších zdrojů pro publikování a ponoření se hlouběji do FireBase a FlexBox, abyste mohli plynule přejít od začátku k publikování vaší aplikace na App Store nebo Obchod Play.
Šťastné učení