Portail-RH
+
React-Router 6.4
Fetching data with React-Router 6.4
Fetching data with React-Router 6.4
Normal React data flow
Fetching data with React-Router 6.4
Normal React data flow
1. Go to /page
Fetching data with React-Router 6.4
Normal React data flow
1. Go to /page
2. Render component + display skeletons
Fetching data with React-Router 6.4
Normal React data flow
1. Go to /page
2. Render component + display skeletons
3. Trigger useEffect + fetch data
Fetching data with React-Router 6.4
Normal React data flow
1. Go to /page
2. Render component + display skeletons
3. Trigger useEffect + fetch data
4. Re-render component + display data
Fetching data with React-Router 6.4
Normal React data flow
1. Go to /page
2. Render component + display skeletons
3. Trigger useEffect + fetch data
4. Re-render component + display data
RR6.4 loaders data flow
Fetching data with React-Router 6.4
Normal React data flow
1. Go to /page
2. Render component + display skeletons
3. Trigger useEffect + fetch data
4. Re-render component + display data
RR6.4 loaders data flow
1. Go to /page
Fetching data with React-Router 6.4
Normal React data flow
1. Go to /page
2. Render component + display skeletons
3. Trigger useEffect + fetch data
4. Re-render component + display data
RR6.4 loaders data flow
1. Go to /page
2. Trigger loader + fetch data
Fetching data with React-Router 6.4
Normal React data flow
1. Go to /page
2. Render component + display skeletons
3. Trigger useEffect + fetch data
4. Re-render component + display data
RR6.4 loaders data flow
1. Go to /page
2. Trigger loader + fetch data
3. Render component + display data
https://local.fulll.ninja/2/validation
![](https://s3.amazonaws.com/media-p.slid.es/uploads/287593/images/9822212/pasted-from-clipboard.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/287593/images/9822212/pasted-from-clipboard.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/287593/images/9822796/pasted-from-clipboard.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/287593/images/9822212/pasted-from-clipboard.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/287593/images/9822827/pasted-from-clipboard.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/287593/images/9822827/pasted-from-clipboard.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/287593/images/9822831/pasted-from-clipboard.png)
https://local.fulll.ninja/2/validation
![](https://s3.amazonaws.com/media-p.slid.es/uploads/287593/images/9822800/pasted-from-clipboard.png)
(utilisateur non connecté)
(utilisateur connecté)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/287593/images/9822844/pasted-from-clipboard.png)
https://local.fulll.ninja/2/validation
(Render du RootContainer)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/287593/images/9822860/pasted-from-clipboard.png)
https://local.fulll.ninja/2/validation
(Render du CompanyIdContainer)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/287593/images/9822868/pasted-from-clipboard.png)
https://local.fulll.ninja/2/validation
(Render du ValidationDemandesContainer)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/287593/images/9822873/pasted-from-clipboard.png)
https://local.fulll.ninja/2/validation
deck
By Franck Boucher
deck
- 157