// The Framework Shell Game
// “Just pick one, they’re all different!”
//
// ๐ฅค Angular? React in a trench coat.
// ๐ฅค Vue? React with a fake mustache.
// ๐ฅค Svelte? React playing dress-up.
// ๐ฅค Solid? React with a different compiler.
// ๐ฅค Qwik? React but it’s “resumable” (still React).
class frameworkShellGame() {
private client_side_comps = react
private client_side_hooks = react
private client_side_dom = react_ish_but_doesnt_matter_at_this_point
public react() {
return this.client_side_comps + this.client_side_hooks + this.client_side_dom
}
public next() {
return this.client_side_comps + this.client_side_hooks + this.client_side_dom
}
public svelte() {
return this.client_side_comps + this.client_side_hooks + this.client_side_dom
}
public react() {
return this.client_side_comps + this.client_side_hooks + this.client_side_dom
}
public gatsby() {
return this.client_side_comps + this.client_side_hooks + this.client_side_dom
}
public remix_run() {
return this.client_side_comps + this.client_side_hooks + this.client_side_dom
}
public solid() {
return this.client_side_comps + this.client_side_hooks + this.client_side_dom
}
}
// PICK A PLATFORM, ANY PLATFORM…
// A dev walks up…
frameworkShellGame.next()
console.log(‘… REACT!’)
// ๐ “…dafuq? … lets try another…”
frameworkShellGame.svelte()
console.log(‘… REACT!’)
“… Are you fucking with me right now?”
frameworkShellGame.solid()
console.log(‘… REACT!’)
“…” sighs
frameworkShellGame.angular()
console.log(‘… REACT IN A TRENCH COAT!’)
// “STOP IT.”
frameworkShellGame.qwik()
console.log(‘… REACT WITH A TIME MACHINE!’)
// “I’M GOING TO LOSE MY MIND.”
frameworkShellGame.gatsby()
console.log(‘… REACT WITH GRAPHQL!’)
// “…….”
frameworkShellGame.remix()
console.log(‘… REACT WITH ROUTES!’)
// “I’m going back to jQuery.”