README.md

React in Kubernetes. React app Dockerfile + nginx example

Kubernetes, NGINX, and Docker

1. Docker file for React Production in Azure Kubernetes
2. nginx file which is suitable for React standalone in Azure Kubernetes
3. nginx https -> http routing using nginx

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:

• USE HOOKS
• RW;ERUCH

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

SetInterval

• 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