Introducere în alternativele Redux
Redux este o bibliotecă JavaScript care este open-source. Este utilizat pentru gestionarea stării aplicației. Redux este folosit de cele mai multe ori cu alte biblioteci javascript precum React și Angular pentru a construi interfețe de utilizator. Redux poate fi înțeles ca un instrument de management al statului. Chiar dacă este cel mai frecvent utilizat cu React, este potrivit pentru orice cadru JavaScript sau biblioteca sa. Este foarte ușor care măsoară doar 2KB. Pentru orice aplicație bazată pe JavaScript, managementul de stat devine dezordonat atunci când dimensiunea aplicației crește sau aplicația devine mai complexă și, astfel, avem nevoie de un instrument de gestionare a statului, precum Redux, pentru a menține aceste stări.
Redux este un instrument excelent, iar importanța sa este evidentă prin faptul că a schimbat arhitectura aplicațiilor front-end complet. Redux ar putea fi un instrument minunat pentru cineva care caută un nou loc de muncă, deoarece oferă câteva oferte interesante cu diverse versiuni de Angular și altele. Combinația React & Redux este deosebit de importantă pentru perspectivele de angajare.
Definiție Redux
Principiul de lucru al Redux este destul de simplu și simplu. Redux poate fi considerat ca un magazin central care deține întreaga stare a aplicației. Fiecare componentă poate accesa starea de stocare dată, fără a fi necesară trimiterea proprietății de la o componentă la alta.
Există trei blocuri de construcții de redux: acțiuni, depozitare și reducători.
1. Acțiuni
Acesta nu este decât evenimente. Ele sunt modalitatea de a trimite date din aplicație în magazinul Redux. Datele provin din interacțiuni cu utilizatorii sau apeluri API sau trimitere formular.
2. Reductori
Acestea nu sunt altceva decât funcții pure care, după luarea stării actuale a aplicației, efectuează acțiunea dată și apoi returnează o nouă stare. Aceste stări sunt stocate ulterior ca obiecte și specifică, de asemenea, modul în care se modifică starea aplicației selectate odată cu răspunsul dintr-o acțiune trimisă la magazin.
3. Magazin
Magazinul care este miezul proiectării păstrează starea aplicației. În orice aplicație Redux poate exista un singur magazin. Se poate accesa starea stocată și actualizarea stării sale, apoi se pot înregistra sau anula înregistrarea ascultătorilor prin metodele de asistență disponibile.
Redux este excelent, dar există unele probleme cu utilizarea Redux:
- Dificultate în trecerea la muncă cu reductori: - Pentru a putea lucra cu redux, trebuie să vă preocupați de principiile de programare funcționale și să întoarceți întotdeauna o nouă valoare bazată pe starea anterioară a aplicației. Uneori, acest lucru ar putea fi ușor, cum ar fi gestionarea șirurilor simple sau a obiectelor sau operațiunile simple de tip array, dar pe măsură ce complexitatea sarcinii crește, ideea mai bună ar fi probabil să folosiți Immutable.json din biblioteca similară.
- Nu vă repetați dvs. sau principiul DRY: - Lucrul cu Redux necesită păstrarea unor convenții, cum ar fi crearea de tipuri de acțiuni sau creatori de acțiuni și, de asemenea, reducători. Din motive logice similare, cum ar fi operațiunile CRUD, codul Redux poate arăta de fapt foarte asemănător. Adăugarea funcționalității mici în astfel de cazuri va trebui să adauge multă logică redux și cazuri de testare. Astfel, o idee mai bună ar fi să ne gândim la refactorizare sau la respectarea unei reguli DRY.
- Îngrijiți-vă de performanțe: - La final, ceea ce contează cu adevărat este performanța. Dezvoltatorii preferă, de obicei, să fie o singură sursă de adevăr, care nu numai că este ușor de întreținut, ci și de depanare și testare și, prin urmare, reduxul nu se potrivește cu asta. În Redux, chiar și o mică modificare poate declanșa modificări în structura DOM.
Lista alternativelor Redux
Următoarele alternative pentru Redux sunt următoarele:
1. MobX
Aceasta este o nouă bibliotecă care oferă o mulțime de soluții pentru problemele menționate mai sus. Funcționează pe 3 puncte și sunt stări, derivări și acțiuni. Cu MobX, sincronizarea între modele și UI se poate face automat. Cu MobX, se pot utiliza OOP și unele metode direct pe articolul modelelor. Normalizarea obiectelor nu este de asemenea necesară, dar în magazinul Redux este nevoie.
2. GraphQL
Stiva Relay și GraphQL este de fapt relativ vechi, dar nu este la fel de popular ca Redux. Este dezvoltat de Facebook și când a venit a fost descris ca cadrul pentru a construi aplicații de reacție bazate pe date. Există multe avantaje unice ale utilizării releului cu GraphQL. Cea mai mare dintre ele este că nu este necesar să ne amintim din perspectiva frontend despre cum să aducem date pentru a obține răspunsul necesar.
3. Salopetă
Aceasta este o soluție de obicei pentru cineva, care nu dorește să utilizeze MobX, dar pur Redux nu este, de asemenea, atrăgător pentru el. Salopeta este un cadru bazat pe Redux și face fluxul mai automat. Pentru cineva căruia nu-i place să construiască o aplicație de la zero (ceea ce înseamnă adăugarea și configurarea multor pachete), Jumpsuit este potrivit pentru ele. Oferă un strat API simplificat atât pentru React, cât și pentru Redux.
4. Ajutor / generatoare cu redux.js convenționale
Una dintre cele mai mari probleme care pot fi recunoscute cu aplicația Redux este că are o mulțime de duplicări de cod, adică nu respectă principiul DRY. Conventional-redux.js este abordarea de urmat în acest sens pentru a simplifica fluxul de lucru.
Salopeta, Convențional-redux.js și multe alte astfel de instrumente se concentrează pentru a îmbunătăți fluxul de lucru Redux. Acestea sunt alegerea preferată pentru cei care sunt familiarizați cu Redux și înțeleg informațiile și rezultatele sale. Acestea sunt acele persoane care probabil au pregătit o mulțime de date sau lucruri de logică de stat și nu doresc cu adevărat să rescrie asta din nou sau din nou. mai mult efort în învățarea acestor abilități.
Pe de altă parte, MobX și Relay & GraphQL sunt în afara stivei Redux. MobX este foarte ușor de învățat. Acest lucru este recomandat dacă cineva vrea să scrie de la zero foarte repede. GraphQL, dimpotrivă, are nevoie de mult timp pentru a putea construi o logică a fluxului de date backend. Dar, odată finalizat, construirea implementării frontale devine mult mai ușoară.
Tabelul de comparație al alternativelor Redux
|
Caracteristici | Redux | MobX | GraphQL |
Salopeta |
| Principiul sec | Nu | da | da | da |
| Complicaţie | Înalt | Scăzut | Mediu | Mediu |
| Curbă de învățare | Înalt | Scăzut | Mediu | Scăzut |
| cerere | Potrivit pentru o aplicare simplă | Potrivit pentru aplicații complexe | Potrivit pentru aplicații de dimensiuni medii | Potrivit pentru aplicații complexe |
Articole recomandate
Acesta a fost un ghid privind alternativele Redux. Aici am discutat cele mai bune 4 alternative alternative Redux cu tabelul lor de comparație. De asemenea, puteți consulta articolul următor pentru a afla mai multe -
- Linux alternative
- Alternative Ubuntu
- Alternative alternative WordPress
- Git alternative