Skip to content

Instantly share code, notes, and snippets.

View pfftdammitchris's full-sized avatar
💭
Dreaming

Christopher Tran pfftdammitchris

💭
Dreaming
45 followers · 14 following
View GitHub Profile
@pfftdammitchris
pfftdammitchris / create-your-new-modern-type-script-java-script-library-with-tsup_3.bash
Created November 15, 2022 19:00
npm i -D tsup
@pfftdammitchris
pfftdammitchris / create-your-new-modern-type-script-java-script-library-with-tsup_4.json
Created November 15, 2022 19:00
{
"name": "my-typescript-library",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"build": "tsup src/index.ts",
"start": "npm run build -- --watch",
"test": "echo \"Error: no test specified\" && exit 1"
},
@pfftdammitchris
pfftdammitchris / combining-the-command-pattern-with-state-pattern-in-java-script_3.js
Created November 14, 2022 07:29
let state = { backgroundColor: 'white', profiles: [] }
let subscribers = []
let commands = {}
function setState(newState) {
let prevState = state
state =
typeof newState === 'function'
? newState(prevState)
: { ...prevState, ...newState }
@pfftdammitchris
pfftdammitchris / combining-the-command-pattern-with-state-pattern-in-java-script_2.js
Created November 14, 2022 07:29
function notifySubscribers(...args) {
subscribers.forEach((fn) => fn(...args))
}
function setBackgroundColor(color) {
setState((prevState) => ({
...prevState,
backgroundColor: color,
}))
}
@pfftdammitchris
pfftdammitchris / combining-the-command-pattern-with-state-pattern-in-java-script_5.js
Created November 14, 2022 07:29
registerCommand(
'SET_BACKGROUND_COLOR',
function onSetState({ backgroundColor }) {
setState((prevState) => ({ ...prevState, backgroundColor }))
},
)
registerCommand('NOTIFY_SUBSCRIBERS', function onNotifySubscribers(...args) {
subscribers.forEach((fn) => fn(...args))
})
@pfftdammitchris
pfftdammitchris / combining-the-command-pattern-with-state-pattern-in-java-script_1.js
Created November 14, 2022 07:29
let state = { backgroundColor: 'white', profiles: [] }
let subscribers = []
function notifySubscribers(...args) {
subscribers.forEach((fn) => fn(...args))
}
function setBackgroundColor(color) {
setState((prevState) => ({
...prevState,
@pfftdammitchris
pfftdammitchris / combining-the-command-pattern-with-state-pattern-in-java-script_4.js
Created November 14, 2022 07:29
// Private object hidden within this scope
let commands = {}
export function registerCommand(name, callback) {
if (commands[name]) commands[name].push(callback)
else commands[name] = [callback]
}
export function dispatch(name, action) {
commands[name]?.forEach?.((fn) => fn?.(action))
@pfftdammitchris
pfftdammitchris / undefined_4.js
Created November 14, 2022 06:31
// Private object hidden within this scope
let commands = {}
export function registerCommand(name, callback) {
if (commands[name]) commands[name].push(callback)
else commands[name] = [callback]
}
export function dispatch(name, action) {
commands[name]?.forEach?.((fn) => fn?.(action))
@pfftdammitchris
pfftdammitchris / undefined_3.js
Created November 14, 2022 06:31
let state = { backgroundColor: 'white', profiles: [] }
let subscribers = []
let commands = {}
function setState(newState) {
let prevState = state
state =
typeof newState === 'function'
? newState(prevState)
: { ...prevState, ...newState }
@pfftdammitchris
pfftdammitchris / undefined_5.js
Created November 14, 2022 06:31
registerCommand(
'SET_BACKGROUND_COLOR',
function onSetState({ backgroundColor }) {
setState((prevState) => ({ ...prevState, backgroundColor }))
},
)
registerCommand('NOTIFY_SUBSCRIBERS', function onNotifySubscribers(...args) {
subscribers.forEach((fn) => fn(...args))
})