Corso React con React Redux, hooks e Laravel come backend

Contenido del curso
Introduzione
Introduzione a React
Installare nvm su windows
Installare nvm su mac
Nota su javascript ES6/7
Installare create-react-app
Struttura di un'app react
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