Things you need to know in our Frontend (a.k.a Farewell gift from Kyubin)

Basic React Hooks

Hooks are functions that let you “hook into” React state and lifecycle features from function components. Hooks don’t replace your knowledge of React concepts. Instead, Hooks provide a more direct API to the React concepts you already know: props, state, context, refs, and lifecycle. I recommend to watch this youtube tutorials to learn the basics. If you prefer reading, the React official website has well written documentation for Hooks.

TypeScript

Start learning all about TypeScript here. (I know it's overwhelmingly huge but it's worth reading if you want to really learn the language.) Also check out its Utility Types, some of them are being used in our application such as ReturnType<Type> and Partial<Type>.

Redux

Redux toolkit

React Router

Recommend to read their documentation starting from here.

Code splitting (Future work)

Authentication with Keycloak

Fetching keycloak-js

Material UI

Working with props and theme

Styled components from Material UI

Storybook

Tests

Cypress & Coverage

Jest

Graph Plotly.js

Map with Openlayers

---