„Boost Up” React Native Apps

React Native a fost întotdeauna în centrul atenției printre dezvoltatorii de dispozitive mobile. Și prea des îl compară cu aspectul, senzația și performanța cu aplicațiile native. Așadar, după câteva luni de joc cu React Native, tocmai am venit cu câteva puncte care te-ar ajuta să crești performanța aplicației tale.

Creați componente reutilizabile

Componentele reutilizabile independente mici îți ușurează întotdeauna munca mult mai ușor. O componentă este mai independentă, mai poate fi refolosită.

Reutilizați CSS, utilizați StyleSheet

Separați CSS de m codul JS și refolosiți stilul pentru componentele dvs. Realizarea unei foi de stil dintr-un obiect de stil face posibilă referirea la aceasta prin ID în loc să creați de fiecare dată un obiect de stil nou. De asemenea, face ca codul dvs. să arate bine.

Evitați Console.log ()

Asigurați-vă că eliminați toate instrucțiunile console.log din cod. Declarațiile consolei afectează performanța codului dvs.

Utilizați un Linter

Un liner poate fi enervant, dar nu este atât de rău dacă te urci la bord mai devreme. Vă împiedică să faceți o mulțime de lucruri stupide nevalide care nu provoacă de fapt erori.

Evitați declarațiile în linie

Cel mai adesea declarăm funcții de apelare în linie, obiecte, tablouri etc. Acest lucru duce la recreerea acestor entități în memorie, iar și iar, de fapt, pare să încetinească considerabil interfața de utilizare. Creați întotdeauna aceste entități separat și folosiți doar referința ori de câte ori este necesar.

<< Incurajează Flex

Utilizați Flex pentru proiectarea aspectului aplicației dvs. Suportul React Native pentru flex-box înseamnă că puteți utiliza exact același cod de aspect pentru Android, iOS și web, în ​​loc să învățați trei motoare diferite.

Îngrijire specială pentru Android

Marginile și căptușelile pentru elementele Text / TextInput mai mult sau mai puțin nu funcționează pe Android, așa că încearcă cu adevărat să le eviți! De asemenea, este posibil să găsiți un comportament neașteptat al unor componente native react pe Android.

Încurajați operatorii logici în locul operatorilor condiționati

Utilizarea operatorilor logici reduce mult timp și îmbunătățește drastic performanța și redarea componentelor.

Utilizați obiecte în loc de tablouri

Obiectele joacă un rol foarte important pentru îmbunătățirea performanței aplicației dvs. Datele stocate sub formă de obiecte pot fi create / actualizate / șterse dintr-o dată. Evitați traversarea matricelor pentru crearea / actualizarea / ștergerea datelor.

Încurajați componentele funcționale fără stat

Este bine să folosiți componente care nu pot avea o stare internă.

Evitați redarea redată inutilă

Uită-te întotdeauna, frecvența cu care componentele tale sunt redate. Mențineți-vă statul în mod responsabil. O mulțime de actualizări de stare pot încetini dramatic performanța aplicației.

Înțelegerea Redux

Redux, un strat de gestionare a stării care menține starea unei întregi aplicații într-un singur arbore de stare imuabil cu flux de date unidirecțional. Puține beneficii ale Redux pot include – predictibilitatea rezultatului, menținerea, codul organizat, ușurința testării etc.

Descurajează bibliotecile terților

Chiar lucrați atât de mult pentru a vă face codul eficient și optim, iar bibliotecile terțe părți îl pot distruge. Nu tot timpul, vedem cum funcționează lucrurile sub capotă.

Asta este tot!

Vă mulțumim că ați citit acest articol, vă rugăm să trimiteți și ?, dacă acest articol vă este de ajutor.