Corso ReactJS

1. Introduzione

◦ Caratteristiche e scopi di ReactJS

◦ Il contesto: HTML e DOM

◦ Il linguaggio: EcmaScript 2015+ (aka ES6)

1. Concetti preliminari

◦ Elementi

◦ Componenti

◦ Attributi e props

◦ Virtual DOM

◦ JSX

1. Configurare un ambiente di sviluppo per ReactJS: gli strumenti

◦ Transpiling: babel.js

◦ Node.js e npm, npx, il file package.json

◦ Template per progetto di una applicazione

◦ React Developer Tools in Chrome e Firefox

1. Componenti Stateful ed eventi

◦ Componenti definiti tramite classi

◦ Lo State e la sua gestione

◦ Ciclo di vita di un componente

◦ Eventi

1. Tecniche per CSS

◦ Inline styles

◦ Styled Components

◦ Librerie esterne:cenni. React Bootstrap

1. React Hooks
2. Argomenti avanzati

◦ Refs

◦ Context

◦ Tecniche per la modularità: Higher Order Components, Render Props

◦ Router

1. Forms

◦ Controlled Components

◦ Comunicare con il server: AJAX APIs

◦ Uncontrolled Components

◦ Validazione

1. Redux

◦ Gestione dello stato in applicazioni complesse

◦ Concetti e procedura: store, action, dispatch(), reducers

◦ Browser e Redux DevTools