Glareone/React-Hooks-Docker

react hooks lil examples

React in Kubernetes. React app Dockerfile + nginx example

Kubernetes, NGINX, and Docker

Good article regarding Dockerizing React App: https://dev.to/karanpratapsingh/dockerize-your-react-app-4j2e

Redshift

In order to make it suitable for RedShift you need to update dockerfile and Deployment:
- runAsNonRoot: true
- Dockerfile USER. Better explained here: https://juffalow.com/blog/javascript/non-root-containers-in-kubernetes

React Hooks

Interesting Sites:

Simple Examples

[Beginner] Use State

Use State Example

UseState with PrevState

[Beginner] Use Effect

Use Effect Example

[] in the end means "to run only once in the very beginning"
[user] to raise every time when property "user" changes.
without declaring second parameter in useEffect - runs after any changes (possibly mupliple runs)

[Beginner] Use Reducer

Use Reducer Example

[Beginner] Use Ref

Use Ref Example

[Intermediate] Custom Hook (useState custom hook, useFetch custom hook)

Use Custom Hooks Example
UseFetch Custom Hook (Call to Github) Example

[Intermediate] SetInterval and how to properly handle it using custom Hook

good article written by Dan Abramov could be found here: https://overreacted.io/making-setinterval-declarative-with-react-hooks/

Context

[Intermediate] Simple useContext createContext Example

useContext CreateContext Example
Simple useContext + Custom Hook for Context

[Intermediate][Javascript] Context + Reducer (Redux Pattern, contextApi)

UseReducer with Context, Redux Pattern
UseFetch + UseReducer + UseContext, Redux Pattern

[Advanced][Typescript] Context + combineReducers + Multiple Storages + SCSS (ContextAPI)

UseReducer, combineReducers, ContextAPI
UseReducer, combineReducers, ContextAPI, SCSS
IN PROGRESS: env, Login with Okta

Ajax Polling vs Long-Polling vs WebSocket