https://github.com/lukaszkolodziejski/xxxl_managing-global-servers-2
[ GIF ] ( That is XXXL_Managing-Global-Servers-1 with completely New and Modern Technologies >> Extra Bonuses << ) // 08.2020
https://github.com/lukaszkolodziejski/xxxl_managing-global-servers-2
async axios css-modules css3 enzyme gsap html5 javascript mvp proptypes react react-hooks react-redux-hooks redux-saga redux-thunk rest-api sass yield
Last synced: 8 months ago
JSON representation
[ GIF ] ( That is XXXL_Managing-Global-Servers-1 with completely New and Modern Technologies >> Extra Bonuses << ) // 08.2020
- Host: GitHub
- URL: https://github.com/lukaszkolodziejski/xxxl_managing-global-servers-2
- Owner: LukaszKolodziejski
- Created: 2020-08-23T16:14:36.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2020-09-08T17:12:40.000Z (about 5 years ago)
- Last Synced: 2025-01-11T10:42:21.785Z (10 months ago)
- Topics: async, axios, css-modules, css3, enzyme, gsap, html5, javascript, mvp, proptypes, react, react-hooks, react-redux-hooks, redux-saga, redux-thunk, rest-api, sass, yield
- Language: JavaScript
- Homepage:
- Size: 30.6 MB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
> ## 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:
- [x] All in the function components
- [ ] (XXXL_Managing-Global-Servers-1) Redux & Redux-Thunk
- [x] (XXXL_Managing-Global-Servers-2) Redux & Redux-Thunk & Redux-Saga
- [x] React Hooks (e.g. useState, useEffect, useRef, useMemo)
- [x] React-Redux Hooks (e.g. useDispatch, useSelector)
- [x] PropTypes
- [x] React.memo()
- [x] Testing with Enzyme
- [x] Better syntax of code & fixed some bugs
- [x] More Components to No Repeat the same Code
> #### I connected here a lot of technologies in one place:
>
> #### ... to show what I can create,
```js
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.
>
> [](https://github.com/LukaszKolodziejski/managing-servers-1)
---
---
---
> ## 2. Pointer on one Server:
>
> [](https://github.com/LukaszKolodziejski/managing-servers-1)
---
---
---
> ## 3. Dropdown for different statuses:
>
> [](https://github.com/LukaszKolodziejski/managing-servers-1)
---
---
---
> ## 4. Animation -> "Turn Off":
>
> [](https://github.com/LukaszKolodziejski/managing-servers-1)
---
---
---
> ## 5. Animation -> "Turn On":
>
> [](https://github.com/LukaszKolodziejski/managing-servers-1)
---
---
---
> ## 6. Animation -> "Rebooting":
>
> [](https://github.com/LukaszKolodziejski/managing-servers-1)
---
---
---
> ## 7. Fast changes statuses:
>
> [](https://github.com/LukaszKolodziejski/managing-servers-1)
---
---
---
> ## 8. Search engine (appearance and operation):
>
> [](https://github.com/LukaszKolodziejski/managing-servers-1)
---
---
---
> ## 9. Show the number of servers found:
>
> [](https://github.com/LukaszKolodziejski/managing-servers-1)
---
---
---
> ## 10. Show only searched servers:
>
> [](https://github.com/LukaszKolodziejski/managing-servers-1)
---
---
---
> ## 11. Change the status of the searched servers:
>
> [](https://github.com/LukaszKolodziejski/managing-servers-1)
---
---
---
> ## 12. Cleaning the search engine:
>
> [](https://github.com/LukaszKolodziejski/managing-servers-1)
---
---
---
> ## 13. Responsive View from large Desktop to Mobile Version:
>
> [](https://github.com/LukaszKolodziejski/managing-servers-1)
---
---
---
> ## 14. Fast summary all of Steps:
>
> [](https://github.com/LukaszKolodziejski/managing-servers-1)