Web Development Library: React

Web Development Library: React

Uitvoering
Boek, paperback, zwart-wit, 250 pagina's
Auteur
ISBN
9789463560993
Gepubliceerd
2019
€ 39,99

React is een door Facebook ontwikkeld en onderhouden JavaScript-framework voor het bouwen van gebruikersinterfaces. Het wordt door grote bedrijven als Uber en Netflix gebruikt, maar ook kleinere en middelgrote ondernemingen zien de voordelen van React, bijvoorbeeld ten opzichte van jQuery.

In dit deel van de Web Development Library gaat de auteur in op het inzetten en toepassen van het React-framework. Hij laat zien hoe u met behulp van React eenvoudig interactieve webpagina’s maakt, waarbij de achterliggende techniek efficiënt met de onderdelen van de browser omgaat. React is zowel geschikt voor het ontwikkelen van mobiele als reguliere websites. Uit de inhoud:

  • Waarom werken met React?
  • Bouwstijlen doorgronden
  • Werken met bouwsystemen
  • Bouwstenen gebruiken
  • Apps ontwikkelen met React
  • Werken met componenten, state, props, hooks, formulieren en API-gegevens
  • Hulpprogramma’s en hulpmiddelen
Downloadbare bestanden
Wis filter
  • Jim Dunk

    Jim Dunk is trainer/coach/docent/developer uit én in het bedrijfsleven. Jim weet zijn kennis pedagogische en didactische vaardigheden feilloos in te zetten om opdrachtgevers organisaties en studenten geroutineerd aan de hand te nemen en ze in complexe...
    Dunk D

Web Development Library: React

1
Vijf W’s en een H – React
Inleiding
Voor wie is React bedoeld?
Wanneer is React ontwikkeld?
Waarom is React ontwikkeld?
Wat is React?
Hoezo React en hoe gaat u React zich eigen maken?
Samengevat
2
Bouwstijlen
Inleiding
Bouwstijlen in programmeren
JavaScript
Functioneel programmeren
Samenvatting
3
Bouwsystemen
Inleiding
Verkennen van de mappenstructuur
De ontwikkelingsserver starten
Samenvatting
4
Bouwstenen
Inleiding
Drie soorten applicatievormen
ReactElement versus ReactComponent
Samenvatting
5
Bouwproject 1
Bouw uw eerste React-app
Stap 1. Splits de appuitvoer op in componenten
Stap 2. Bouw de UI met passieve componenten
Stap 3. Beslis welke gegevens actief veranderen en in welke componenten ze voorkomen
Stap 4. Bouw de componenten om: laat ze eerst met een vaste gegevensset werken
Stap 5. Voeg een variabele gegevensstroom van ouder- naar kindcomponenten toe
Stap 5. Voeg een variabele gegevensstroom van ouder- naar kindcomponenten toe
Stap 6. Voeg een gegevensstroom van kind- naar oudercomponenten toe
Stap 7. Bouw een communicatiecomponent die externe koppelingen kan leggen
Samenvatting
6
Bouwproject 2
Opzet en installatie
JSX: JavaScript + XML
Componenten
Props
State
Formuliergegevens
API-gegevens ophalen
Een React-app bouwen en uitrollen
Samenvatting
7
Bouwproject 3
Een CRUD-applicatie in React met hooks
Doelstellingen
Creëer een React-applicatie met React v16.8.4
Eerste installatie
State versus hookstate
De view opzetten
Een nieuwe gebruiker toevoegen
Een gebruiker verwijderen
Een gebruiker bijwerken
Het formulier EditUserForm.js
De effecthook gebruiken
Samenvatting
8
Hulpprogramma’s en hulpmiddelen
Mogelijkheden van de browser
Mogelijkheden van de React DevTools
Tabblad Components
Tabblad Profiler
Optimaliseren met de React DevTools Profiler
Nawoord
A
React.memo
Wat moet u weten over React.memo?
Index