Introduksjon til Redux-alternativer
Redux er et JavaScript-bibliotek som er åpen kildekode. Den brukes til å administrere applikasjonsstatus. Redux brukes mesteparten av tiden sammen med andre javascript-biblioteker som React og Angular for å bygge brukergrensesnitt. Redux kan forstås som et statlig styringsverktøy. Selv om det er mest brukt med React, er det egnet for alle JavaScript-rammer eller biblioteket. Den er veldig lett og måler bare 2KB. For alle JavaScript-baserte applikasjonsapper blir statsledelse rotete når appstørrelsen øker eller appen blir mer kompleks, og vi trenger derfor et statlig styringsverktøy som Redux for å opprettholde disse tilstandene.
Redux er et flott verktøy, og dets betydning er tydelig med det faktum at det har endret arkitekturen til front-apper fullstendig. Redux kan være et flott verktøy for å mestre for noen som leter etter en ny jobb fordi det gir noen interessante tilbud med forskjellige versjoner av Angular og andre. React & Redux-kombinasjonen er spesielt viktig for jobbmulighetene.
Definisjon Redux
Arbeidsprinsippet til Redux er ganske enkelt og greit. Redux kan betraktes som en sentral butikk som har hele applikasjonsstaten. Hver av komponentene har tilgang til den gitte lagrede tilstanden uten å måtte sende eiendom fra en komponent til en annen.
Det er tre byggesteiner til reduks: handlinger, lagre og reduksjonsmaskiner.
1. Handlinger
Dette er ikke annet enn hendelser. De er måten å sende data fra søknad til Redux-butikken. Dataene kommer fra brukerinteraksjoner eller API-anrop eller skjemainnlevering.
2. Redusere
Dette er ikke annet enn rene funksjoner som, etter å ha tatt gjeldende status for applikasjonen, utfører den gitte handlingen og deretter returnerer en ny tilstand. Disse tilstandene lagres senere som objekter, og de spesifiserer også hvordan tilstanden til den valgte applikasjonen endres med responsen fra en handling sendt til butikken.
3. Lagre
Butikken som er kjernen i designet, holder applikasjonsstatusen. Det kan bare være en butikk i alle Redux-applikasjoner. Man kan få tilgang til staten som er lagret og oppdatere tilstanden, og deretter registrere eller avregistrere lyttere gjennom de tilgjengelige hjelpemetoder.
Redux er flott, men det er noen problemer med å bruke Redux:
- Vanskeligheter med å bytte til arbeid med reduksjonsmaskiner: - For å kunne jobbe med redux, må man bry seg om funksjonelle programmeringsprinsipper og alltid returnere en ny verdi basert på tidligere apptilstand. Noen ganger kan dette være enkelt, for eksempel å håndtere enkle strenger eller objekter eller enkle array-operasjoner, men etter hvert som kompleksiteten til oppgaven øker, vil den bedre ideen sannsynligvis være å bruke Immutable.json fra det lignende biblioteket.
- Ikke gjenta deg selv eller TØRK-prinsippet: - Å jobbe med Redux krever at du holder noen konvensjoner, for eksempel å opprette handlingstyper eller actionskapere og også redusere. For lignende logiske skyld som CRUD-operasjoner, kan Redux-koden faktisk se veldig lik ut. Å legge til liten funksjonalitet i slike tilfeller vil trenge å legge til mye reduksjonslogikk og teste tilfeller. Dermed ville en bedre idé være å tenke på refactoring eller følge en DRY-regel.
- Bryr seg om forestillinger: - Til slutt er det som virkelig betyr prestasjoner. Utviklere foretrekker vanligvis å ha en enkel kilde til sannhet som ikke bare er enkel å vedlikeholde, men også feilsøke og teste, og reduksjonsgrad passer derfor ikke det. I Redux kan til og med en liten endring utløse endringer i DOM-strukturen.
Liste over Redux-alternativer
Følgende er hovedalternativene for Redux som er som følger:
1. MobX
Dette er et nytt bibliotek som gir mange løsninger for ovennevnte problemer. Det fungerer på 3 punkter, og de er tilstand, avledninger og handlinger. Med MobX kan synkronisering mellom modeller og UI gjøres automatisk. Med MobX kan man bruke OOP og noen metoder direkte på modellenes vare. Normalisering av objekter er heller ikke nødvendig, men i Redux-butikken er det nødvendig.
2. GraphQL
Relay & GraphQL-stack er faktisk relativt gammel, men ikke så populær som Redux. Den er utviklet av Facebook, og når den kom ble den beskrevet som rammeverket for å bygge datadrevne reaksjonsapplikasjoner. Det er mange unike fordeler ved å bruke Relay med GraphQL. Den største blant dem er at det ikke er behov for å huske fra frontend perspektiv om hvordan man henter data for å få den nødvendige responsen.
3. Jumpsuit
Dette er en løsning vanligvis for noen som ikke vil bruke MobX, men ren Redux er heller ikke appellerende til ham / henne. En jumpsuit er et rammeverk som er basert på Redux og det gjør flyten mer automatisk. For noen som ikke liker å bygge en applikasjon fra bunnen av (som betyr å legge til og konfigurere mange pakker), så er Jumpsuit egnet for dem. Det gir et forenklet API-lag for både React og Redux.
4. Hjelpere / generatorer med konvensjonell redux.js
Et av de største problemene som kan gjenkjennes med Redux-appen, er at den har mange kodeduplikasjoner, dvs. at den ikke følger TØRRE-prinsippet. Conventional-redux.js er fremgangsmåten du må følge i denne forbindelse for å forenkle arbeidsflyten.
Jumpsuit, Conventional-redux.js, og mange andre slike verktøy fokuserer for å forbedre Redux arbeidsflyt. Dette er det foretrukne valget for de som er kjent med Redux og forstår dets inn- og utkjøringsmuligheter. Dette er disse menneskene som sannsynligvis har utarbeidet mye data eller oppgir logikk og ikke vil skrive om dette igjen og igjen eller har lagt ut mer innsats for å lære disse ferdighetene.
På den annen side er MobX og Relay & GraphQL utenfor Redux stack. MobX er veldig enkelt å lære. Dette anbefales hvis noen vil skrive fra bunnen av veldig raskt. GraphQL, tvert imot, trenger mye tid for å kunne bygge backend-dataflytlogikk. Men når det er gjort, blir det enklere å bygge frontet implementering.
Sammenligningstabell over Redux-alternativer
|
Funksjoner | Redux | MOBX | GraphQL |
jumpsuit |
| TØRRE prinsipp | Nei | Ja | Ja | Ja |
| Komplikasjon | Høy | Lav | Medium | Medium |
| Læringskurve | Høy | Lav | Medium | Lav |
| applikasjon | Passer for enkel applikasjon | Egnet for kompleks anvendelse | Passer for mellomstore applikasjoner | Egnet for kompleks anvendelse |
Anbefalte artikler
Dette har vært en guide for Redux Alternatives. Her har vi diskutert de 4 beste Redux-alternativene med deres sammenligningstabell. Du kan også se på følgende artikkel for å lære mer -
- Linux-alternativer
- Ubuntu-alternativer
- WordPress Alternativer
- Git-alternativer