Моите опитни съвети как да станете местен нинджа на React!
Изминаха 5 години, откакто React Native беше представен от Facebook, крос-платформената Разработка на мобилни приложения зае по-широка област на пазара на приложения, т.к. много от големите еднорози преминават от собствена разработка къмReact Native. Ето някои от моите опитни съвети, след като научихте React Native, за да направите обучението си много по-добро.
Тук няма да говоря за технически аспект, можете да получите тези съвети почти навсякъде, това ще бъде нетрадиционен подход, за да направите ученето по-добро. Ще говоря за това как можете да използвате развитието си с професионален подход, за да се справите с вашите React-Native проекти и как да използвате ресурсите по-ефективно и т.н.
Започнете с малко
- Като начинаещ най-голямата грешка, която можете да направите, е да не преминете през най-малките части, да не научите най-малките части наистина може да се превърне в досадно нещо, докато преминавате през по-високите концепции, ще пишете код, без да имате представа защо дори използвате този компонент във вашия код. Така че започнете с най-малките концепции, аз ще ви препоръчам да научите за основните компоненти на React Native (само ако не сте много запознати с React.js)но ако вече сте запознати с React, трябва да уверете се, че знаете разликата между компонентите в React Native и React.js.
- Сега можем да предположим, че имате малко познания за това как ще се държат компонентите и къде да ги използвате за създаване на вашите приложения. Преди да преминете към допълнителните части на React Native, уверете се, че сте доста удобни с работното пространство, през повечето време се натъквах на грешки и се опитвах да намеря грешки в моите редове код за часа и се оказа, че не съм в крак с работното място, така че се уверете, че не правите тази грешка.
Използвайте вградени компоненти
- В началната точка на изучаване на React-Native едва ще намерите някакъв проблем свградените компонентикоито идват с React Native, но внезапно ще откриете, че не са толкова полезни, колкото вградените компоненти не са толкова добри. Но можете да направите свои собствени компоненти така, както искате да изглеждат и да се държат.
- Използването на библиотеки на трети страни ще бъде вашаваша опция, ако не искате да правите свой собствен компонент. Но силно ще ви препоръчам да опитате да направите вашите компоненти, тъй като можете да ги модифицирате по начина, по който искате, тъй като компонентите на библиотеките на трети страни не се предлагат с толкова много гъвкавост.
Така че сега на този етап ще сте доста запознати с това как да работите с React-Native и да добавяте основна функционалност във вашите приложения.
Научете модела за деструктуриране на обекти
Ако вече сте добри с JavaScript и React, тогава не е нужно да се притеснявате за това, но когато става въпрос за начинаещ, нищо от това няма да има смисъл & ако продължите напред, без да научите Модел за деструктуриране на обекти, вашият код ще бъде объркан през цялото време и тъй като приложението става по-голямо, поддържането му гъвкаво става още по-трудно, този модел работи като чар, за да направи вашите приложения супер гъвкави.
Ще има случаи, когато ще попаднете на грешки и коригирането на тези грешки във вашия код без никакъв структурен модел ще бъде болка всеки път, когато се опитате да работите върху него.
Направете модификации
- На този етап можете да направите много основно приложение с React Nativeс проста потребителска функционалност, сега трябва да се научите да разделяте компонентите на много по-малки части, опитайте се да модифицирате компонентите си по свой собствен начин ще разберете как работят API с тях, това ще бъде много по-лесна работа, в случай че искате да направите малки промени в приложенията си.
- Опитайте да промените кода си и вижте дали сте хванали грешки в expo-cli, прочетете грешките и научете как можете да избегнете тези грешки, защото ако получавате твърде много грешки, докато разработвате приложения с React- Роден, ще има моменти, когато ще загубите производителността на работния си процес.
Научете се да добавяте функции
- Докато правите приложения сReact Native, това наистина е важна стъпка, сега трябва да прецените да изведете приложението си на следващото ниво, тъй като ще се научите как да Удостоверявате потребителите в приложението си, как да навигирате между страниците, което прави приложението ви по-и по-удобно за различни платформи, тъй като трябва да тествате приложението си и на двете устройства (iOS и Android).
- Опитайте се да научите как да внедрявате функции от библиотеки на трети части във вашето приложение, тъй като това ще бъде по-лесен път, вместо да се ровите във всеки компонент. Можете да опитате да внедрите формуляри и валидиране във вашите форми, през повечето времевъв всяко приложение, което ще създадете по-широка потребителска база (ще използвате formik много пъти в този случай).
React Native APIs
Мога да кажа, че създаването на приложения с React Native няма да означава, че трябва да използвате само прости компоненти и функции. Библиотеки на трети страни във вашето приложение и можете да направите приложения с множество страници с навигация.
Така че сега трябва да започнете да се фокусирате върху това как да използвате React Native APIs и да създадете пълноценно приложение, което може да обработва удостоверяване на потребителя и може да работи с различни API.
Без използване на API не можете да направите много с приложението си, за да достигнете качеството за добри приложения, трябва да използвате API (API на камера с expo-SDK, API на Google Maps),след като се научите да добавяте основни приложни програмни интерфейси (API) във вашето приложение Мога да кажа, че няма да имате проблем с правенето на приложения, които ви хрумнат на следващия ден.
Свързване на бекенд
Без значение колко сте добри, освен ако нямате представа за бекенда и кой да използвате в приложението си, React Native идва с много опции за бекенда.
- Ще препоръчам да използвате Firebase, ако сте начинаещ за какъвто и да е тип разработка, тъй като това ще бъде лесен начин да покриете основите на бекенда, в случай че сте доста запознати с опит в уеб разработката, тогава научете бекенда услугите няма да са трудна работа за вас
- Можете да използвате Node.js сървърв локалната си машина, аз ще препоръчам използването на този, тъй като ще бъде по-професионален начин за изучаване на бекенд услуги с приложения на React Native.
Е, на този етап сте почти готови с пътя на обучение и ще се чувствате доста комфортно с приложения с React Native.
Сега, когато можете да преобразувате идеята си в приложение за различни платформи, трябва да научите за допълнителната концепция, която ще обхващамащабирането на вашето приложение, UI Frameworks, тестване, плащания, мониторинг на ефективността & Разгръщане. Тези концепции ще обхванат всички части, от които ще се нуждаете, за да управлявате нарастващо приложение с нарастващи потребители.
Плащания в React Native
Интегрирането на метода на плащане ще бъде лесна работа, тъй като има доста голям брой доставчици. Но ето някои от моите препоръки
- Tipis Stripe:Подобно на Paypal, не идва с SDK за React- Native, но Tips е създал обвивка, която ще ви помогне да интегрирате безопасно плащания с Stripeвъв вашето приложение.
- RazorPay: Осигурява официална поддръжка за плащания и определено си струва да се използва в приложението ви, тъй като няма да имате проблеми при извършване на плащания.RazorPay идва с React Нативна обвивка, която ще извършва плащания от самото приложение.
UI рамки
Изборът на правилната рамка на потребителския интерфейс е много по-важен, отколкото си мислим, в React Native имаме голямо количество опции за създаване на най-добрия потребителски интерфейс за вашето приложение. Ето един от любимите ми!
- Material UI: Докато създавате приложения, трябва да се уверите, че не само правите правилните удобни за потребителя приложения, но и начина, по който приложението ви ще изглежда на финалния етап, а Material-UI идва с много широка гама от UI елементикоито използвате само чрез инсталиране на npm пакети. Всички основни икони са налични и това е една от причините, поради която тя все още е най-обичаната UI библиотека от разработчиците.
Благодаря ви, че прочетохте. Надявам се, че сте намерили това за полезно!
