Pięć powodów, dla których twórcy stron internetowych kochają React Native

React Native to przyszłość tworzenia nowoczesnych aplikacji

Coraz więcej programistów internetowych wchodzi do ekosystemu tworzenia aplikacji. Według stateofjs.com 78% programistów jest zainteresowanych poznaniem nowego dziecka w bloku: React Native. Ponadto React Native ma wysokie 92% oprocentowanie – i nie bez powodu.

Jak zapewne wiecie, istnieje kilka innych rozwiązań wieloplatformowych, takich jak Cordova i PhoneGap, ale mają one swoją cenę: cenę polegania tylko na przeglądarce telefonu i jej wbudowanym silniku JavaScript, który często jest znacznie wolniejszy niż uruchamianie kodu natywnego, tak jak robi to React Native.

Co sprawia, że ​​React Native jest tak wyjątkowy? Oto lista pięciu najważniejszych rzeczy , które zainteresują przede wszystkim twórców stron internetowych.

1. Możesz budować aplikacje natywne

Jak zapewne zgadłeś z samej nazwy, React Native pozwala budować aplikacje natywne. Cordova i inne rodzaje frameworków, takie jak Sencha Touch czy Ionic, to rozwiązania hybrydowe, a dzięki nim nigdy nie osiągniesz wyglądu aplikacji natywnej.

Liczą się drobiazgi: płynne lub przyspieszone przewijanie, przejścia między ekranami, całkowicie niestandardowe animacje, niestandardowa nawigacja i tak dalej. Jeśli kiedykolwiek pracowałeś z React w sieci, czeka Cię uczta, ponieważ poczujesz się jak w domu.

Nawet jeśli piszesz JavaScript, nie używasz widoku internetowego do renderowania komponentów. React Native renderuje prawdziwe komponenty natywne i możesz użyć komponentów specyficznych dla platformy, takich jak wskaźnik aktywności, który nada każdej platformie rozpoznawalny wygląd i działanie. Wcześniej głównym problemem technologii hybrydowej było to, że wbudowana przeglądarka po prostu nie działała wystarczająco dobrze. Nie był zoptymalizowany i zapewniał słabą wydajność.

Z technologicznego punktu widzenia największym konkurentem dla RN jest Xamarin , który pozwala tworzyć aplikacje na wiele platform: Mac, Windows, iOS, Android, Windows Phone. Skrypt natywny również działa w ten sam sposób.

Na przykład Xamarin jest świetny, ponieważ ma schludne IDE (VS), ale musisz użyć C#. Ponieważ jesteś programistą internetowym, prawdopodobnie nie znasz zbyt dobrze C# i prawdopodobnie lepiej znasz JavaScript.

React Native działa podobnie do JavaScript, ponieważ piszesz kod w samym JS (możesz też na przykład użyć Angular.js). Co więcej, JS został zdumiewająco ulepszony dzięki standardom takim jak ES6 i ES7. Nie wspominając o tym, jak duża i potężna jest społeczność JS.

Polecam ten wykład jako wprowadzenie do React Native, dzięki czemu można dowiedzieć się, jak to działa.
https://www.youtube.com/watch?v=KVZ-P-ZI6W4
A jeśli jesteś bardziej czytelnikiem, spróbuj przeczytać ten wpis na blogu.

2. Łatwo się nauczyć

To zawsze dobra rzecz, prawda? To także jeden z największych atutów React Native. Czyta się ją jak książkę dla dzieci, więc wystarczy na nią rzucić okiem. W przypadku innych frameworków, zazwyczaj jesteś zmuszony nauczyć się długiej listy pojęć. Z biegiem czasu Facebook znacząco poprawił swoją oficjalną dokumentację React Native. Niedawno dodali sekcję podstaw, która jest naprawdę zgrabnym, sprytnym sposobem na naukę RN, ponieważ wyjaśnia wszystko, co musisz wiedzieć w prostym, szybkim kursie.

Jeśli znasz JavaScript, masz szczęście. React Native wykorzystuje ES6. Nadal nie znasz ES6? Oto samouczek wyjaśniający niektóre specyfiki ES6, które znacznie ułatwią programowanie w języku JavaScript. Używa JSX, który jest w zasadzie podobny do HTML. Style są bardzo podobne do CSS, ale są napisane w komponentach, a nie w osobnym pojedynczym pliku. Takie podejście ma swoje plusy i minusy i napisano o nim wiele artykułów. Tak naprawdę wszystko, co musisz wiedzieć, to React .

Reagowanie jest łatwe. Wyobraź sobie składnik div o nazwie „Widok” i inny składnik tekstowy o nazwie „Tekst”. Jest to zasadniczo połączenie między React Native a React.js.

Stylizacja jest bardzo podobna do CSS, z wyjątkiem tego, że jest dołączona do samego komponentu, a nie w osobnym pliku.

To naprawdę proste, prawda? Na początek powinieneś zapoznać się z cyklem życia, stanami i właściwościami Reacta. Zaufaj mi, stamtąd wszystko jest w dół.

3. Oferuje znajome środowisko

Istnieje wiele narzędzi, z których nadal możesz korzystać, a które znasz już jako programista. Jeśli używasz DevTool dla Chrome, Web Storm, VS Code lub Sublime, możesz nadal z nich korzystać lub użyć wybranego przez siebie edytora. W końcu nadal praktycznie piszesz HTML, CSS i JavaScript.

Czy jesteś przyzwyczajony do transpilowania kodu za pomocą Webpack, Grunt lub Gulp? React Native zrobi to za Ciebie. ES6 i niektóre fajne funkcje ES7, takie jak Object Spread, są dostępne od razu po wyjęciu z pudełka, ponieważ RN używa transpilera Babel.

Inną rzeczą, która sprawi, że rzeczy, jeśli nie są znajome, to zdecydowanie łatwiejsze w obsłudze, jest Nuclide, zintegrowane środowisko programistyczne (IDE), które Facebook tworzy, aby zapewnić programistom pierwszorzędne środowisko programistyczne dla React Native.
Ważne jest, aby pamiętać, że przepływ, do którego jesteś przyzwyczajony, nadal działa. Podobnie jak w przypadku pracy w sieci, aktualizacja index.html aktualizuje całą stronę. Hot Reloading umożliwia łatwe odświeżanie kodu i natychmiastowe wyświetlanie zmian w aplikacji. Tak jak w sieci. Co więcej, naciśnij CMD+D w symulatorze, a otrzymasz kilka opcji do wyboru.

4. Ma aktywną społeczność

Ponieważ to wszystko jest całkiem nowe, niezbadane terytorium, wielu programistów stara się zbudować coś przydatnego dla innych i odkryć prawdziwy potencjał React Native.

Grupy na Facebooku zapewnią Ci doskonały przegląd i będą informować Cię o istotnych wiadomościach, więc istnieje niewielka szansa, że ​​przegapisz coś ważnego, jeśli obserwujesz te grupy. Największą i najbardziej aktywną grupą jest React Native Community, która oferuje codzienne posty na temat zestawów narzędzi, komponentów, nowych aplikacji i odpowiedzi na pytania dotyczące React Native, od podstawowych pytań po poważne problemy programistów. To sprawia, że ​​jest to dobre miejsce do zbierania informacji i uczenia się czegoś.

Jeśli jesteś bardziej czytelnikiem, Medium również kręci się wokół React Native. Jest kilka publikacji, ale najlepszym sposobem na zagłębienie się jest śledzenie tagu React Native. Kiedy masz problem, odwiedź Stack Overflow, gdzie znajdziesz mnóstwo porad i rozwiązań problemów. Jeśli chodzi o programowanie w ogóle, programiści są mniej lub bardziej przyzwyczajeni do znajdowania rzeczy, na które ktoś znalazł rozwiązanie. Jeśli masz problemy z React Native, możesz znaleźć i natychmiast ponownie wykorzystać kod napisany przez kogoś innego.

Przykładem świetnej społeczności Github jest społeczność React Native, która w rzeczywistości jest bardzo podobna do wybitnego ReactJS.

Odbywa się również wiele wydarzeń poświęconych React Native. Najpopularniejsze wydarzenia organizowane są za pośrednictwem Meetupów. Wydarzenia te odbywają się na całym świecie co kilka tygodni. Największym z nich jest zdecydowanie React Native San Francisco, ale w momencie pisania tego tekstu najnowszy był w Nowym Jorku. Gościł ponad 100 aktywnych programistów React Native. Jest też wiele konferencji, takich jak React Europe, które w tym roku zgromadziły 1000 uczestników !
Ogólnie rzecz biorąc, React Native ma ponad 40 tys. gwiazdek na GitHubie i ponad 9 tys. Poświęcone temu grupy na Facebooku mają 7 tys. członków i każdego dnia pisze o tym wiele nowych artykułów.

5. Oferuje wieloplatformowy framework na przyszłość

Słowo „cross-platform” pozostawiało mi w ustach nieprzyjemny smak. Ale uwierz mi, to jest inne. Dzięki React Native nie tworzysz prawdziwie natywnych aplikacji mobilnych; tworzysz aplikacje na wszystkie platformy. A kiedy mówię o wszystkich platformach, nie mam na myśli tylko iOS i Androida; Mam na myśli inteligentne telewizory, konsole Xbox, urządzenia z systemem Windows, wszelkiego rodzaju smartwatche, samochody, zestawy VR i cholera, nawet lodówki.

Nie wspominając o tym, że same smartfony stały się potężnymi maszynami. Czasy naprawdę się zmieniły od czasu całego paradygmatu „mobile-first”, a niektórzy programiści mówią nawet o „ natywnym najpierw ”.

Technologia jest wciąż całkiem nowa, ale obecnie jest kilka doskonałych aplikacji React Native. Nadal nie jesteś przekonany, że to ramy przyszłości? Obejrzyj tę prezentację, a wszystko się ułoży.

Dać mu szansę! Czas zostać programistą mobilnym

Jak już wyjaśniliśmy, ten framework naprawdę ma potencjał, i to nie tylko dla twórców stron internetowych. Cała logika rozwoju wykorzystuje nowoczesne zasady; przepływ pracy jest wydajny, łatwy i szybki do nauczenia; korzysta z niego coraz więcej platform, a to dopiero początek. W tym momencie wkraczasz: nowy programista React Native, rozwiązujący problemy i wprowadzający nowe pomysły do ​​tej szybko rozwijającej się struktury przyszłości.