React - Memberstack Blog

React Redux useSelector is een custom hook geïntroduceerd in React Redux v7.1.0. In combinatie met andere custom hooks zoals useDispatch, stelt het ontwikkelaars in staat om state in Redux te beheren terwijl ze snelle, performante en goed leesbare code schrijven in zo min mogelijk regels. In dit artikel verkent u useSelector, ziet u hoe het samenwerkt met useDispatch, en weet u wanneer u het moet gebruiken.

React.lazy() is een React component waarmee je componenten asynchroon kunt laden. De React.lazy API is een nieuwe functie toegevoegd aan React toen React v16.6 werd uitgebracht, het bood een eenvoudige aanpak voor het lazy-loaden en code-splitsen van onze React componenten.

De methode componentDidUpdate() is een update methode die wordt aangeroepen na de methode componentDidMount() en dit gebeurt onmiddellijk na een update en niet voor de initiële render. Dit artikel gaat dieper in op componentDidUpdate(), één van de methodes in de Updating fase.

Dit artikel gaat meer in op HTTP, HTTP-verzoeken, manieren om deze verzoeken in Node te doen en hoe we fouten kunnen afhandelen.

React heeft zoveel ingebouwde hooks waarmee functionele componenten in de levenscyclus van het component kunnen pluggen en verschillende bewerkingen kunnen uitvoeren. Er is de useState hook, useEffect hook, useLayoutEffect hook en nog veel meer. In dit artikel bekijken we de useCallback hook. We leren over de functie van deze hook, de relevantie ervan, een veel voorkomend gebruik en we vergelijken hem met de useMemo hook.

React Fragment is een React component geïntroduceerd in React v16.2.0. Met dit component kun je een lijst React-componenten groeperen (of beter gezegd: "parent") zonder een extra node aan het DOM toe te voegen. Op het moment van schrijven accepteert deze component slechts één prop - de key prop.

Soms willen we bewerkingen uitvoeren buiten het bereik van dit gegevensstroomproces, zoals interactie met een API. Deze bewerkingen worden neveneffecten genoemd. In dit artikel zullen we onderzoeken hoe we neveneffecten kunnen afhandelen in React met behulp van een haak genaamd useLayoutEffect.

In dit artikel leert u hoe en wanneer u refs kunt gebruiken, en hoe refs nuttig kunnen zijn buiten het DOM.

Deze post verkent de nieuwe react context API. We zullen onderzoeken waarom we react context nodig hebben, hoe het werkt op hoog niveau met voorbeeld use cases en op welk punt React ontwikkelaars de hand moeten uitsteken naar de context API om hun problemen op te lossen. Onze voorbeeld use case zal vervolgens laten zien hoe React context te gebruiken met enkele voorbeelden en het vergelijken van React context met Redux, een externe pakketoplossing die werd gebruikt voordat de React context API werd geïntroduceerd in de bibliotheekkern. 

Suspense verwijst naar de nieuwe mogelijkheid van React om het renderen "op te schorten" terwijl componenten ergens op wachten en een laadindicator weer te geven. Met React suspense kun je schonere React-componenten schrijven die performant zijn en gemakkelijk te onderhouden. In dit artikel wordt uitgelegd wat React Suspense is en hoe het werkt.

De useMemo hook wordt gebruikt voor het onthouden van waarden in React applicaties. useMemo onthoudt berekende waarden in een React component zodat in het geval van een component re-render, die waarden niet opnieuw worden berekend. Dit artikel leert je wat een useMemo hook is en hoe je hem kunt gebruiken.

State management betekent het bijhouden van hoe onze gegevens in de tijd veranderen. In React kunnen we state beheren met hooks of met behulp van een externe state management library zoals Redux. In dit artikel verkennen we een hook genaamd useReducer en leren we over de mogelijkheden ervan voor toestandsbeheer.

Redux is een state management bibliotheek voor JavaScript apps. In dit artikel overlopen we React-Redux en hoe het te gebruiken. We zullen het gebruiken om het complexe toestandsbeheer van lidmaatschaps- en authenticatiestromen te vereenvoudigen.

In dit artikel zullen we begrijpen wat React Custom Hooks zijn, de voordelen van het gebruik ervan en wanneer ze te gebruiken. We leren ook hoe we twee custom hooks bouwen en laten ze in gebruik zien.