- 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
- JSX: Elementi ed espressioni
- Component e props
- Component. Props e state
- Component: LifeCycle & hooks
- Component. ComponentDidMount & componentWillMount
- Component. SetState, prevPos & nextProps
- 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
- 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
- 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 intro
- Applimiddleware e struttura di un middleware
- Catena di middleware. Verificare passo a passo un middleware
- Redux logger e plugin dev tool
- 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
- 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
- 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 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