Marton Sari sarimarton
sarimarton
/ get-typed-redux-hooks.ts
Last active
February 29, 2020 02:38
Properly typed React-Redux hooks with exact event shape match in dispatch() calls
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import * as RR from 'react-redux' | |
| // Exact matcher. This was made by a genius guy... | |
| // https://github.com/microsoft/TypeScript/issues/12936#issuecomment-524631270 | |
| type ExactInner<T> = <D>() => D extends T ? D : D | |
| type Exact<T> = ExactInner<T> & T | |
| export function exact<T>(obj: Exact<T> | T): Exact<T> { | |
| return obj as Exact<T> | |
| } |
sarimarton
/ machine.js
Last active
July 13, 2020 12:34
Generated by XState Viz: https://xstate.js.org/viz
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Available variables: | |
| // - Machine | |
| // - interpret | |
| // - assign | |
| // - send | |
| // - sendParent | |
| // - spawn | |
| // - raise | |
| // - actions |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Auto-save SC | |
| Idle* | |
| change -> Saving | |
| imagepaste -> Uploading | |
| Uploading | |
| goodresponse -> Saving | |
| badresponse -> Idle | |
| Saving& | |
| Request | |
| Request Start* |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Auto-save SM | |
| Idle* | |
| change -> Save | |
| Save | |
| save -> s1d1 | |
| s1d1 | |
| response -> s0d1 | |
| change -> dirty-s1d1 | |
| debounceover -> s1d0 | |
| s1d0 |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Auto-save | |
| Idle* | |
| change -> Saving | |
| Saving | |
| response -> Idle | |
| change -> Debounce Pending | |
| Debounce Pending | |
| change -> Debounce Pending | |
| timeout -> Pending | |
| response -> Debouncing |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Auto-save Basic | |
| Saved | |
| change -> Saving | |
| Saving | |
| response -> Saved | |
| change -> Saving & Dirty | |
| Saving & Dirty | |
| response -> Saving |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| TMDb UI | |
| HomePage | |
| selectMovie -> DetailsPage | |
| queryEntry -> SearchResults | |
| queryClean -> Discovery | |
| Discovery* | |
| SearchResults | |
| DetailsPage |
sarimarton
/ choose2.js
Last active
February 3, 2019 14:41
The 'choose 2' problem of pure stream based UI development
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Currently you can't have all 3 of these, you can only have 2 of them at the same time: | |
| // 1. VDOM composition | |
| // 2. Functional purity | |
| // 3. Rich components (have states, effects etc. - compound output) | |
| ////////////////////////////////// | |
| // Choose 1 and 2 (possible in both React and CycleJS): | |
| // +vdom composition | |
| // +purity | |
| // -rich component |
NewerOlder