XXXL_Managing-Global-Servers-2 ( from React to Redux-Saga... ) // 08.2020

This work the same like XXXL_Managing-Global-Servers-1, but more Modern and with New Other Technologies:

• All in the function components
• (XXXL_Managing-Global-Servers-1) Redux & Redux-Thunk
• (XXXL_Managing-Global-Servers-2) Redux & Redux-Thunk & Redux-Saga
• React Hooks (e.g. useState, useEffect, useRef, useMemo)
• React-Redux Hooks (e.g. useDispatch, useSelector)
• PropTypes
• React.memo()
• Testing with Enzyme
• Better syntax of code & fixed some bugs
• More Components to No Repeat the same Code

I connected here a lot of technologies in one place:

... to show what I can create,

JavaScript                 React.js                        Redux
Redux-Thunk                Redux-Saga                      Axios
React Hooks                React with GSAP                 ES6
SASS / SCSS                function* generator / yield     PropTypes
CSS Modules                asynchronous components         CSS3
HTML5                      REST API                        MVP
Enzyme                     React.memo()                    React-Redux Hooks

How it works ? (14 Steps)

I want to show the most important details and possibilities of my application here :) (only 2 min)

---

1. Start page & load API.

---

---

---

2. Pointer on one Server:

---

---

---

3. Dropdown for different statuses:

---

---

---

4. Animation -> "Turn Off":

---

---

---

5. Animation -> "Turn On":

---

---

---

6. Animation -> "Rebooting":

---

---

---

7. Fast changes statuses:

---

---

---

8. Search engine (appearance and operation):

---

---

---

9. Show the number of servers found:

---

---

---

10. Show only searched servers:

---

---

---

11. Change the status of the searched servers:

---

---

---

12. Cleaning the search engine:

---

---

---

13. Responsive View from large Desktop to Mobile Version:

---

---

---

14. Fast summary all of Steps: