ReactJS

ReactJS

  • Codice
    DT0013
  • Prezzo
    1.190,00 €
  • Durata
    3 gg

Descrizione

ReactJS è una libreria Javascript realizzata da Facebook e attualmente in uso per lo sviluppo di applicazioni web moderne caratterizzate dalla gestione di interfacce utente suddivise per componenti UI . Il corso ha come obiettivo quello di formare il discente per lo sviluppo di applicazioni web con la libreria ReactJS e Redux framework.

Target

Web Developer

Prerequisiti

Front-end developer con una buona base di programmazione Javascript.

Programma Corso

Cos’è ReactJS

  • Introduzione
  • Perchè utilizzare ReactJS
  • Vantaggi e Limitazioni

Introduzione a JSX

  • Virtual DOM
  • JS contro JSX
  • Componenti di ReactJS
  • Attributi HTML
  • Child Component e Namespaced Component
  • Expression Javascript in JSX

Configurazione e Installazione ambiente di sviluppo ReactJS

  • Istallazione e Setup
  • Utilizzo di NPM e Package.json file
  • Introduzione a Webpack e ES6
  • Organizzazione codice sorgente
  • ReactJS Browser Plugin

Creazione di una ReactJS Application

  • Nesting Component
  • React Render
  • React Props
  • Propos Validation con Data Types
  • States, Inizialized States, Update States

React UI e Forms

  • Form Components
  • Controlled Form Components
  • Uncontrolled Form Components
  • Checkboxes e Radios
  • Select Boxe con select value default
  • Form Validation
  • Styles
  • Animazione

Ciclo di Vita delle Componenti

  • Inizial Render
  • Propos Change
  • Stage Change
  • Component Unmounth

React Router

  • Configurazione React Router
  • Router History
  • If-els in JSX
  • IIFE in JSX

Gestione degli Eventi in JSX

  • Panoramica Eventi
  • onClick, onKeyUp
  • Gestione degli Eventi attraverso le componenti

9. React Styles

  • CSS e Inline Styles
  • Configurazione React per React Bootstrap
  • Implementazione React Bootstrap Components

React Router

  • Router Library
  • Configurazione Router
  • Passaggio e Ricezione Parametri

Lint StyleLint e Flow

  • Introdurre eslint nel progetto
  • Introduzione a Flow e lo static type checker
  • Utilizzare flow con progetto di esempio

Redux

  • Store
  • Provider Component
  • Actions
  • Reducers
  • Sviluppo applicazione Redux

Unit Testing

  • Tool per la fase di Unit Testing
  • React Unit Testing
  • JEST
  • React Component Testing
  • React Router Testing