Introduzione
  • Introduzione
  • Introduzione a React
  • Installare nvm su windows
  • Installare nvm su mac
  • Nota su javascript ES6/7
  • Editor Visual code
  • Editor online stackblitz. Visual code online
  • Installare create-react-app
  • Struttura app react con funzione al posto di classe
Componenti. Uso di JSX in React
  • JSX: Elementi ed espressioni
  • Component e props
  • Component. Props e state
  • Component: LifeCycle & hooks
  • Component. ComponentDidMount & componentWillMount
  • Component. SetState, prevPos & nextProps
Gestione eventi
  • Evento onlick e gestione del this
  • Eventi: Bind di funzioni e uso delle arrow function
  • Gestire liste e mostrare array di elementi
  • Formattare una lista
  • Accesso al sorgente del corso su github
Creazione app my movies
  • My movies app.Intro
  • Creare app e ottenere chiave API di omdb
  • My movies app. Chiamata api con api FETCH
  • My movies app. Mostrare elenco film. FETCH API
  • My movies app. Creare componente MoviList
  • Creazione movieitem e layout con bootstrap
  • MovieItem: Layout responsive con bootstrap
  • MovieItem: Conclusione
  • My movies app. Component NavBar con bootstrap
  • My movies app. Component SearchBar e NavBar
  • My movies app. Controlled Component SearchBar
  • My movies app. Passare funzioni da padre a figli
  • My movies app.Evento OnClick ricerca Video
React Redux. Todo list
  • Introduzione a redux
  • Creazione app todolist con Redux
  • Creazione app todolist con Redux. Creazione di store e reducer
  • Creazione Store, Reducer e stato iniziale.Conclusione
  • Redux Todolist. React.createref . Accedere al DOM
  • Redux Todolist. Store.dispatch, store.subscribe
  • Redux. Dispatch action REMOVE_TODO
  • React redux Intro
  • React-redux todolist. Creare i componenti presentazionali
  • React redux Action Creators
  • React redux connect e MapStateToProps
  • React redux connect e MapStateToProps. Conclusione
  • MapDispatchToProps. Passare funzione da store a state
  • Connettere add todo component con connect e container
  • Collegare componente con connect e passare dispatch
  • Passare metodo removeTodo attraverso mapDispatch
  • Aggiunta checkbox con carattere unicode, rimozione bottone remove e gestione lay
  • Aggiungere onKeyUpp all'input
  • Cambiare lo stato dello store per aggiungere completed e id
  • Creare footer per filtrare i todo
  • Cambiare removetodo per toggleTodo
  • Creare componente TodoFooter
  • Container todofooter
  • Azione SET_FILTER
  • Filtrare i todos
  • Segnare il filtro attivo
  • Salvare i dati nella localStorage
Redux middleware
  • Redux middleware intro
  • Applimiddleware e struttura di un middleware
  • Catena di middleware. Verificare passo a passo un middleware
  • Redux logger e plugin dev tool
React redux con promise
  • Installare json-server e postman
  • Installare redux promise middleware e axios
  • Chiamare il server per lista di todos e aggiungere nuovi con promise e axios
  • Toggle todo con promise e axios
  • Filtrare i todo lato server con promise e axios
  • Rimuovere definitivamente un todo. Action REMOVE_TODO
  • Rimuovere todo lato server
Error boundaries , PropTypes e gestione degli errori
  • Errori di rete e promise rejected
  • Errorbounday. Creazione di un componente per catturare gli errori javascript
  • Gestione degli errori con un errorboundary component
  • PropTypes e typechecking
  • Aggiungere proptypes alla nostra todo app
Costante come action types e combinazioni di reducers
  • Costante come action types
Combinereducers. Gestire lo stato con diversi reducers
  • Dividere lo store reducers in tre reducers
  • Usare combineReducers per passare i reducers allo store
  • Refactor dei reducers
  • Sistemare mapping dei reducers e valore iniziale dello store
  • Sistemare filtri e salvataggio dati nel localstorage
React router dom: Gestire le rotte in una web app
  • React router intro
  • Ogetto location e location.hash
  • Browser routing con pushState e replaceState
  • Installare react router dom e Renderizzare App
  • Rotte annidate e url parametriche
  • Usare Route per Renderizzare todo list e componente Liste
  • Usare Linke NavLink per collegare le voci di menu alle rotte