ReactJS with ES6, Redux & Type

React is een front-endbibliotheek ontwikkeld door Facebook. Het wordt gebruikt voor het afhandelen van de weergavelaag voor web- en mobiele apps. Met ReactJS kunnen we herbruikbare UI-componenten maken. Het is momenteel een van de meest populaire JavaScript-bibliotheken en heeft een sterke basis en een grote gemeenschap achter de rug.

Publiek

Deze tutorial helpt JavaScript-ontwikkelaars die vooruit kijken om voor het eerst met ReactJS om te gaan. We zullen proberen elk concept te introduceren door eenvoudige codevoorbeelden te tonen die gemakkelijk te begrijpen zijn. Na het afronden van alle hoofdstukken, zult u met vertrouwen werken met ReactJS. Als bonus zullen we extra elementen introduceren die goed werken met ReactJS om u te helpen de best practices te leren en de moderne JavaScript-trends te volgen.

Vereisten

Als je met ReactJS wilt werken, moet je gedegen kennis hebben van JavaScript, HTML5 en CSS. Hoewel ReactJS geen HTML gebruikt, is de JSX vergelijkbaar, dus uw HTML-kennis zal zeer nuttig zijn. We zullen dit meer uitleggen in een van de volgende hoofdstukken. We zullen ook de syntaxis van EcmaScript 2015 gebruiken, zodat alle kennis op dit gebied nuttig kan zijn.

Hoofdstukken

Overzicht

Omgeving instellen

JSX

Componenten

Staat

Overzicht rekwisieten

Validatie van rekwisieten

Component API

Levenscyclus van componenten

Formulieren

Evenementen

Scheidsrechters

Sleutels

Router

Flux concept

Flux gebruiken

Animaties

Componenten van hogere orde

Beste praktijken