themarcba

<style>
    * {
        user-select: none;
    }
    body {
        margin: 0;
        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    }
    #app {
        height: 100vh;

themarcba

<script>
    let activeEffect

    class Dep {
        subscribers = new Set()
        depend() {
            if (activeEffect) this.subscribers.add(activeEffect)
        }
        notify() {
            this.subscribers.forEach((sub) => sub())

themarcba

<script>
    let activeEffect

    class Dep {
        // Initialize the value of the reactive dependency
        constructor(value) {
            this._value = value
            this.subscribers = new Set()
        }

themarcba

<div id="app"></div>
<script>
    // Create virtual node
    function h(tag, props, children) {
        // Return the virtual node
        return {
            tag,
            props,
            children,
        }

akella

What i'm using in streams and while working

Development tools

• https://fishshell.com/ - my default shell, i use theme bobthefish
• https://www.sublimetext.com/ - my default editor
  • Material Theme
  • Operator font
  • Packages: Emmet, Hayaku, SidebarEnhancements, JS Snippets, GSAP Snippets
  • Sublime snippet for comments
  • Sublime icon
• https://code.visualstudio.com/ - trying to switch, but not yet