Blog | Contattami | Elenco corsi

REACT / REDUX TOOLKIT
(& TYPESCRIPT)

Una giornata di formazione sull'ultima versione di Redux, utilizzando Typescript e Redux Toolkit

react-ts-redux



INTRODUZIONE
React fornisce gli strumenti fondamentali per l'organizzazione della user interface. Tuttavia, le attività che il front-end deve svolgere sono sempre più complesse e le interfacce utente (UI), di conseguenza, stanno diventando sempre più sofisticate: gestione di un data-flow molto articolato, componenti che devono rimanere in sync tra di loro, integrazione unit test, refactoring e debug sono solo alcune delle attività ricorrenti che uno sviluppatore front-end deve affrontare quotidianamente.
REDUX
Redux nasce con l’obiettivo di separare nettamente gli aspetti architetturali dalla user interface, semplificando la gestione dello stato applicativo e rendendo il codice molto più manutenibile, testabile e scalabile grazie alla possibilità di isolare e tracciare ogni fase del ciclo di vita dell'applicazione.
REDUX TOOLKIT
In questo corso utilizzeremo Redux Toolkit, una libreria ufficiale realizzata dal team Redux allo scopo di:
  • semplificarne l'utilizzo di Redux in React
  • ridurre draticamente la quantità di codice e dipendenze
  • rendere Redux "opionated", definendo regole e buone pratiche
  • PERCHÈ TYPESCRIPT & HOOKS?
    In questo corso utilizzeremo Typescript e faremo ampio uso degli hook forniti dalle ultime versioni sia di React che Redux.
    Perché Typescript e gli hook?
    Per saperne di più ti invito a leggere il programma del corso "React & Typescript (with hooks)"
    OBIETTIVO DEL CORSO
    Integrare e utilizzare lo state manager Redux in applicazioni React utilizzando Redux Toolkit e Typescript
    REQUISITI
    Familiarità con l’utilizzo di React e Typescript. Conoscere, quindi, gli argomenti affrontati durante il corso React & Typescript (with hooks).

    Durata: 8-12 ore
    Livello: Intermedio
    Versione React: 17.x
    Versione React/Redux: 7.x
    Tipologia: Corso in aula


    PROGRAMMA
    FUNDAMENTALS
    TEORIA: Principi fondamentali di Redux
    Immutable State
    Pure vs Inpure functions
    Containers vs Presentational components
    Concetto di "Store"
    Cosa sono i "reducer"
    "Actions"
    Side "Effects"
    State "Selectors" e memoization
    Introduzione ai Redux DevTool
    Data Architecture e Stateless UI
    La libreria React-Redux
    La libreria Redux Toolkit
    Immutability vs ImmerJS
    Debugging e Potenzialità dei Redux Dev tools
    Organizzazione progetti enterprise
    REDUX
    LIVE CODING: tutti i concetti sono descritti con sessioni di live coding e la creazione di diversi esempi e micro applicazioni
    Creazione progetti React con Redux & Redux Toolkit
    Configurare lo Store e i Redux DevTools
    Utilizzo del componente Provider
    Gestione stato tramite Reducer e combineReducer
    Redux Hooks: useSelector and useDispatch
    Dispatch di azioni
    Selectors semplici e compositi ('useSelector')
    Creare reducer con l'hook 'createReducer'
    Gestire lo stato con l'hook 'createSlice'
    Differenti tecniche per la gestione degli errori
    Side Effect, XHR e operazioni asincrone con Redux Thunk
    ADVANCED TOPICS
    createAsyncThunk
    extraReducers
    Custom Middlewares
    Introduzione a Redux Observable & RxJS
    Entities: createEntityAdapter
    Introduzione a RTK Query
    ISTRUTTORE:
    FABIO BIONDI

    codemotion-2019-circle



    TRAINER, SPEAKER, DEVELOPER
    Mi chiamo Fabio Biondi, sono Microsoft MVP e Google Developer Expert in Angular e Web Technologies, e ho più di 15 anni di esperienza nella creazione di applicazioni web enterprise.

    Sviluppatore, Istruttore e Speaker in numerosi eventi. Ho fondato e gestisco diverse community italiane che si occupano di Javascript, Angular e React (più di 20000 membri).

    Attualmente mi occupo di formazione, code review e mentoring principalmente su Javascript / Typescript, Angular, React, Redux, NGRX e RxJS.


    Nell'ultimo anno mi sono, inoltre, avvicinato molto al mondo Microsoft: Azure, creazione addIn per Microsoft Office 365 in React, utilizzo di Graph API in SPA, Microsoft Cognitive Services (Computer Vision, Translator, Text and Video Analytics) e molto altro


    CERTIFICATIONI & AWARDS

  • Dal 2019: Microsoft MVP
  • Dal 2018: Google Developer Expert in Web Technologies e Angular
  • 2004-2011: Adobe Certified Expert & Instructor (Flex, AIR, Flash).

  • Awards Google & Microsoft
    COSA INCLUDE IL CORSO
    Corso di formazione on-site
    8-12 ore
    Accesso ad Area educational
    Slide & Esercizi
    Codice Sorgente
    Incluso
    Attestato di partecipazione
    PDF formato A4


    FAQ
    A chi è rivolto?
    Principalmente a team e società che intendono organizzare corsi di formazione per un ristretto gruppo di partecipanti (da 3 a 30 persone).
    Tuttavia, organizzo spesso corsi ed eventi aperti al pubblico in cui chiunque può partecipare (freelance, appassionati, dipendenti). Ti invito a seguirmi sui vari canali social o di iscriverti alla newsletter per rimanere aggiornato sulle iniziative
    Non sono sicuro che questo corso sia adatto al mio team. Puoi aiutarmi ad orientarmi?
    Assolutamente sì. Utilizza il form di contatto per organizzare una riunione Skype / telefono
    Posso modificare il programma e creare un corso personalizzato ?
    Sì. Puoi scegliere gli argomenti che preferisci da questo e altri corsi e possiamo stilare insieme un programma personalizzato sulla base dei vostri obiettivi e del background dei partecipanti. Per i corsi più avanzati, solitamente, organizzo una skype call con i partecipanti in modo da valutare il grado di preparazione attraverso un'intervista e/o una sessione di code review (gratuita, della durata di 30/60 minuti)
    Dove può essere erogato il corso?
    • In Friuli, Ronchi dei Legionari (Gorizia) - Max 14 posti con seduta e tavolo oppure 80 posti solo seduta.
    • On-Site, presso la vostra sede, in tutta Italia
    Quanto costa?
    Richiedi le mie tariffe attraverso il form di contatto specificando indirizzo in cui erogare il corso, il periodo e la durata
    C'è un quantitativo minimo di giornate da acquistare?
    Almeno 2 giornate se la durata del viaggio (da Trieste, la provincia in cui risiedo) è inferiore alle 4 ore.
    Tre giornate, invece, nel caso di una durata superiore.
    Il corso prevede esercitazioni per gli studenti?
    La scelta è vostra. È possibile effettuare 1 o 2 ore di esercitazioni al giorno oppure lasciare spazio agli argomenti del corso ed approfondimenti
    Devo portare il mio laptop?
    Lo consiglio ma non è indispensabile. È necessario solo se intendete configurare l'ambiente di lavoro o effettuare esercitazioni. Un blocco appunti e una penna sono più che sufficienti dato che, dopo il corso, avrete comunque accesso al materiale tramite un'area riservata (slide, esercitazioni, source code)