React con Redux toolkit, trk query, hooks e Laravel backend
What you'll learn
- Usare JSX
- Usare React
- Creare componenti
- Creare Single Page Application
- Chiamate ad API per mostrare i dati lato frontend
- Usare redux, redux promise middleware e thunks
Requirements
- Html
- Css
- Javascript almeno funzionale
- Conoscenza dom html ed eventi
Description
Impara React con hooks, redux e react redux toolkit e RTK QUERY da zero a livello avanzato .Single Page Application con API di Laravel come backend. Corso aggiornato con le ultime novità di React e Redux Toolkit
Se vuoi imparare ad utilizzare la libreria REACTJS passo a passo, in modo pratico e senza fronzoli, questo è il corso che fa per te!.
Tutto il corso con degli esempi pratici e creazione e consumo di API:
Orologio digitale
My movies App
Albums App
Todo list app completa di CRUD e autenticazione
Ho voluto condensare in questo corso i concetti fondamentali di REACT E REDUX in modo semplice, comprensibile e pratico in modo che sia alla portata di tutti coloro che hanno un minimo di esperienza con javascript, html e css.
Ecco i concetti fondamentali che imparerai in modo pratico:
Installazione nodejs e npm
Creazione di un'app REACT
Struttura dell'app creata con create-react-app
Introduzione a JSX
Rendering di elementi
Componenti e Props
State & Lifecycle
Gestione Eventi
Rendering condizionale
Liste and Keys
Forms
Controlled components
Accedere al DOM degli elementi con React.createRef
React Fragments
Chiamate ad API esterne
Passare parametri da padre a figli
React router
Hooks: useState, useEffect, useReducer
Creeremo un'app: Movie API dove vedremo
Cos'è Redux
Cos'è una store
Inviare messaggi alla store con dispatch
Abbonarsi agli eventi della store con subscribe
Actions e Actions creators
Reducers
Redux toolkit
thunkApi
TRK query
React redux toolkit
Uso dei thunkAPI
Uso dei hook creati by redux toolkit
Uso degli action creators
Uso e configurazione di TRK query
React Readux
Creeremo un'app, TODO LIST, dove vedremo
Collegare React e Redux con react-redux
Passare la store ai componenti con <Provider>
Connettere la store ai componenti con connect()
Creazioni di componenti container per collegare redux ai componenti
Mappare lo state della store come proprietà dei componenti
Mappare gli Action Creator come metodi e passarli come proprietà allo store con connect
MapDisPatch to Props
MapStateToProps
Utilizzo di combineReducers
Creazione di un CRUD, create, read update e delete con Laravel come backend
Questi sono i concetti Core per sviluppare in REACT e vengono tutti coperti in modo pratico ed intuitivo
Who this course is for:
- Web developer
- Web designer
- Front end developer
- Chiunque abbia voglia di imparare a fare Single Page Application
Instructor
I'm a cuban living in the beautiful city of Turin, Italy. I have a university degree in computer sciences in the field of automation engineering. I am a software engineer since 2002 and since then I have worked for different italian companies developing web applications with the latest technogies, most of them open sources, such as SWIFT, JAVA, PHP, MYSQL, ORACLE, CSS, HTML, NODEJS, MONGODB and javascript libraries such as ANGULAR, IONIC , EXTJS, SENCHATOUCH, JQUERY
When I am not programming, I am learning new languages,currently German and Arabic. Currently I speak SPANISH, my mother tongue, ITALIAN,almost my second mother tongue, ENGLISH, FRENCH and PORTUGUESE.
Playing GUITAR is one of my hobbies and passions and I dedicate it as much time as for languages and computer.
People say I am an easy talker, always ready to help people and I love teaching what I know and mainly new technologies. I try to keep always up to date not only by teaching but also by learning and taking courses such as the ones found here in UDEMY .