Offirmo

// type tester for generics

type ImmutablePrimitive = undefined | null | boolean | string | number | Function
interface EmptyStruct { }


// https://www.typescriptlang.org/docs/handbook/2/functions.html#other-types-to-know-about
//type T = any
//type T = unknown
//type T = void

Offirmo

Resources for learning JavaScript (and its ecosystem) in 2020

• Links are introduced in suggested order of reading
• Intended target: someone knowing to program but not in JavaScript

Why?

1. Why investing in JavaScript? BLOG POST IN PROGRESS

Fundamentals

1. A re-introduction to JavaScript (JS tutorial) https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript

Offirmo

import { enforce_immutability, LastMigrationStep, MigrationStep, generic_migrate_to_latest } from '@offirmo-private/state-utils'

import { LIB, SCHEMA_VERSION } from './consts'
import { UState, TState } from './types'
import { OMRSoftExecutionContext } from './sec'

// some hints may be needed to migrate to demo state
// need to export them for composing tests
export const MIGRATION_HINTS_FOR_TESTS: any = enforce_immutability({
})

Offirmo

/////////////////////////////////////////////////
// __dirname, __filename
// https://gist.github.com/sindresorhus/a39789f98801d908bbc7ff3ecc99d99c#pure-esm-package
// https://nodejs.org/api/globals.html
import * as path from 'node:path'
import { fileURLToPath } from 'node:url'

const __dirname = path.dirname(fileURLToPath(import.meta.url))

Offirmo

AwesomeKaleGleaner


function grid(seedCount) {
    const s = Math.sqrt(seedCount)
    const res = [ Math.floor(s) , Math.ceil(s) ]
    if (res[0] * res[1] < seedCount )
        res[0]++
        
    return res

Offirmo

import { 
	State,
	set_age,
} from './state.ts'


const state: State = { ... }

// currying
const curried1_set_age = change_age.bind(null, state) // hard to read

Offirmo

<!-- https://devdocs.io/html/element/a -->
<a href="https://github.com/Offirmo/offirmo-monorepo/issues" target="_blank" rel="noopener,external">report here</a>

Offirmo

import EventEmitter from 'emittery'

const EMITTER_EVT = 'change'

const emitter = new EventEmitter<{ [EMITTER_EVT]: string }>()

emitter.emit(EMITTER_EVT, `[in-mem]`)
const unbind = emitter.on(EMITTER_EVT, (src: string) => { ... })

Offirmo

// https://storybook.js.org/basics/guide-react/#write-your-stories
// https://storybook.js.org/basics/writing-stories/

// "Component Story Format"
// https://storybook.js.org/docs/react/api/csf

import { Story, Meta } from '@storybook/react'

import HelloWorld, { HelloWorldProps } from '.'

Offirmo

// https://react.dev/learn/typescript

import React from 'react'
// really? or import * as React from 'react' ?? https://github.com/facebook/react/pull/18102 ALSO https://www.typescriptlang.org/tsconfig/#allowSyntheticDefaultImports
// or not even need to import React? https://parceljs.org/recipes/react/#jsx
import React, { Component } from 'react'

// (from .d.ts)
type ReactNode =
        | ReactElement