Dok6n DoK6n

리액트로 프록시 디자인 패턴 사용하기

리액트 환경에서 프록시 디자인 패턴을 사용하는 방법을 살펴보세요.

원문: https://blog.bitsrc.io/proxy-design-pattern-with-react-c0b465980fbf

개발자라면 **'디자인 패턴'**이라는 용어를 들어본 적이 있을 것입니다. 이는 단순히 지나쳐도 되는 단어가 아니라 코딩 숙달의 영역을 여는 열쇠입니다. 이처럼 다양하고 폭넓은 패턴은 소프트웨어 개발에서 코드 정리, 유지보수성 및 확장성을 향상하는 유용한 도구로 사용됩니다.

Table of Content

Table of Content
⚠️ Disclaimer ⚠️
Credit
Instructions
Pre-requisite

Links

Workflow:

Node version manager on Windows: https://github.com/coreybutler/nvm-windows
Node version manager on Linux/macOS: https://github.com/nvm-sh/nvm
Docker and nodejs: https://hackernoon.com/a-better-way-to-develop-node-js-with-docker-cd29d3a0093

React and TypeScript:

Create a TypeScript based React app: https://create-react-app.dev/docs/adding-typescript
React + TypeScript cheatsheet: https://github.com/typescript-cheatsheets/react-typescript-cheatsheet

The introduction to Reactive Programming you've been missing

(by @andrestaltz)

This tutorial as a series of videos

If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.

	function hashStringToInt(s, tableSize) {
	let hash = 17;

	for (let i = 0; i < s.length; i++) {
	hash = (13 * hash * s.charCodeAt(i)) % tableSize;
	}

	return hash;
	}