Inleiding tot alternatieven van Redux
Redux is een JavaScript-bibliotheek die open-source is. Het wordt gebruikt voor het beheren van de applicatiestatus. Redux wordt meestal gebruikt met andere javascript-bibliotheken zoals React en Angular om gebruikersinterfaces te bouwen. Redux kan worden opgevat als een hulpmiddel voor het beheer van de staat. Hoewel het meestal wordt gebruikt met React, is het geschikt voor elk JavaScript-framework of de bibliotheek. Het is zeer lichtgewicht en meet slechts 2 KB. Voor elke op JavaScript gebaseerde applicatie-app wordt statusbeheer rommelig wanneer de app groter wordt of de app complexer wordt en daarom hebben we een hulpprogramma voor statusbeheer zoals Redux nodig om deze statussen te behouden.
Redux is een geweldig hulpmiddel en het belang ervan blijkt duidelijk uit het feit dat het de architectuur van front-end apps volledig heeft veranderd. Redux kan een geweldig hulpmiddel zijn om te beheersen voor iemand die op zoek is naar een nieuwe baan, omdat het enkele interessante aanbiedingen biedt met verschillende versies van Angular en andere. De combinatie React & Redux is vooral belangrijk voor werkvooruitzichten.
Definitie Redux
Het werkingsprincipe van Redux is vrij eenvoudig en duidelijk. Redux kan worden beschouwd als een centrale winkel die de volledige status van de applicatie bevat. Elk van zijn componenten heeft toegang tot de gegeven opgeslagen status zonder dat het nodig is om eigenschappen van een component naar een andere te verzenden.
Er zijn drie bouwstenen van redux: acties, winkel en verloopstukken.
1. Acties
Dit is niets anders dan gebeurtenissen. Ze zijn de manier om gegevens van applicaties naar Redux Store te verzenden. De gegevens zijn afkomstig van gebruikersinteracties of API-aanroepen of het indienen van formulieren.
2. verloopstukken
Dit zijn niets anders dan pure functies die na het nemen van de huidige status van de toepassing de gegeven actie uitvoeren en vervolgens een nieuwe status retourneren. Deze statussen worden later opgeslagen als objecten en ze geven ook aan hoe de status van de geselecteerde toepassing verandert met het antwoord van een actie die naar de winkel wordt verzonden.
3. Winkel
De winkel die de kern van het ontwerp vormt, behoudt de applicatiestatus. Er kan slechts één winkel in elke Redux-toepassing zijn. Men kan toegang krijgen tot de opgeslagen status en zijn status bijwerken en vervolgens luisteraars registreren of afmelden via de beschikbare helpermethoden.
Redux is geweldig, maar er zijn enkele problemen met het gebruik van Redux:
- Moeilijkheden om over te schakelen naar het werken met verloopstukken: - Om met redux te kunnen werken, moet men zich bekommeren om functionele programmeerprincipes en altijd een nieuwe waarde retourneren op basis van de vorige app-status. Soms kan dit eenvoudig zijn, zoals het verwerken van eenvoudige tekenreeksen of objecten of eenvoudige arraybewerkingen, maar naarmate de complexiteit van taken toeneemt, is het beter om Immutable.json uit de vergelijkbare bibliotheek te gebruiken.
- Don't Repeat Yourself of DRY-principe: - Werken met Redux vereist het houden van enkele conventies, zoals het maken van actietypes of actiemakers en ook reductiemiddelen. Om soortgelijke logische redenen, zoals CRUD-bewerkingen, kan Redux-code er zelfs erg op lijken. Het toevoegen van kleine functionaliteit in dergelijke gevallen zal veel redux-logica en testgevallen moeten toevoegen. Een beter idee zou dus zijn om na te denken over refactoring of een DRY-regel te volgen.
- Zorg voor prestaties: - Uiteindelijk is het echt belangrijk. Ontwikkelaars geven er meestal de voorkeur aan om een enkele bron van waarheid te zijn die niet alleen gemakkelijk in onderhoud is, maar ook debug en test, en daarom is redux daar niet geschikt voor. In Redux kan zelfs een kleine wijziging veranderingen in de DOM-structuur veroorzaken.
Lijst met alternatieven voor Redux
Hierna volgen de belangrijkste alternatieven voor Redux die zijn:
1. MobX
Dit is een nieuwe bibliotheek die veel oplossingen biedt voor bovengenoemde problemen. Het werkt op 3 punten en het zijn status, afleidingen en acties. Met MobX kan synchronisatie tussen modellen en UI automatisch worden uitgevoerd. Met MobX kan men OOP en sommige methoden rechtstreeks op het artikel van het model gebruiken. Normalisatie van objecten is ook niet vereist, maar in Redux Store is het wel nodig.
2. GraphQL
Relay & GraphQL-stack is eigenlijk relatief oud, maar niet zo populair als Redux. Het is ontwikkeld door Facebook en werd toen beschreven als het raamwerk om datagestuurde reactietoepassingen te bouwen. Het gebruik van Relay met GraphQL heeft veel unieke voordelen. De grootste onder hen is dat het niet nodig is om vanuit frontend perspectief te onthouden hoe gegevens moeten worden opgehaald om de vereiste reactie te krijgen.
3. Jumpsuit
Dit is meestal een oplossing voor iemand die MobX niet wil gebruiken, maar pure Redux spreekt hem ook niet aan. Een jumpsuit is een framework dat is gebaseerd op Redux en het maakt de flow meer automatisch. Voor iemand die er niet van houdt om een applicatie helemaal opnieuw te bouwen (wat betekent dat veel pakketten moeten worden toegevoegd en geconfigureerd), is Jumpsuit geschikt voor hen. Het geeft een vereenvoudigde API-laag voor zowel React als Redux.
4. Helpers / generatoren met conventionele redux.js
Een van de grootste problemen die met de Redux-app kunnen worden herkend, is dat het veel codeduplicaties heeft, dwz dat het niet het DRY-principe volgt. Conventional-redux.js is de te volgen aanpak om uw workflow te vereenvoudigen.
Jumpsuit, Conventional-redux.js en vele andere dergelijke tools zijn gericht op het verbeteren van de Redux-workflow. Dit zijn voorkeurskeuze voor degenen die bekend zijn met Redux en de ins en outs ervan begrijpen. meer moeite om deze vaardigheden te leren.
MobX en Relay & GraphQL daarentegen staan buiten de Redux-stack. MobX is heel gemakkelijk te leren. Dit wordt aanbevolen als iemand heel snel vanaf nul wil schrijven. GraphQL heeft daarentegen veel tijd nodig om backend datastroomlogica te kunnen bouwen. Maar als het eenmaal is gedaan, wordt het bouwen van fronted-implementatie veel eenvoudiger.
Vergelijkingstabel van Redux-alternatieven
|
Kenmerken | Redux | MobX | GraphQL |
jumpsuit |
| DROOG principe | Nee | Ja | Ja | Ja |
| Complicatie | hoog | Laag | Medium | Medium |
| Leercurve | hoog | Laag | Medium | Laag |
| Toepassing | Geschikt voor eenvoudige toepassing | Geschikt voor complexe toepassingen | Geschikt voor middelgrote toepassing | Geschikt voor complexe toepassingen |
Aanbevolen artikelen
Dit is een gids geweest over Redux-alternatieven. Hier hebben we de top 4 Redux-alternatieven besproken met hun vergelijkingstabel. U kunt ook het volgende artikel bekijken voor meer informatie -
- Linux-alternatieven
- Ubuntu-alternatieven
- Alternatieven voor WordPress
- Git Alternatieven