Skip to content

Instantly share code, notes, and snippets.

@kdgerona
kdgerona / machine.js
Last active September 13, 2021 23:33
Generated by XState Viz: https://xstate.js.org/viz
// Edit Contact (Machine)
const context = {
application_config: {
max_attempts: 5,
buttons: {
save: {
name: 'SAVE',
display: true,
disabled: true
}
@kdgerona
kdgerona / machine.js
Created September 8, 2021 18:34
Generated by XState Viz: https://xstate.js.org/viz
const config = {
initial: 'loading',
context: {
application_config: {
buttons: {
save_close: {
name: 'SAVE & CLOSE',
display: true,
disabled: true,
},
@kdgerona
kdgerona / machine.js
Created August 30, 2021 19:59
Generated by XState Viz: https://xstate.js.org/viz
const context = {
application_config: {
max_attempts: 5,
buttons: {
save_close: {
name: 'SAVE',
display: true,
disabled: true,
},
cancel: {
@kdgerona
kdgerona / machine.js
Last active August 30, 2021 20:31
Generated by XState Viz: https://xstate.js.org/viz
const context = {
application_config: {
max_attempts: 5,
buttons: {
save_close: {
name: 'SAVE',
display: true,
disabled: true,
},
cancel: {

Requirement

DNA Grid

An application to show a list of records in rows and columns. These application uses React Table to build a headless and UI-less, customizable data grid tables. For more information about React Table, click here.

Requirement

Features

@kdgerona
kdgerona / machine.js
Created August 19, 2021 01:00
Generated by XState Viz: https://xstate.js.org/viz
// Available variables:
// - Machine
// - interpret
// - assign
// - send
// - sendParent
// - spawn
// - raise
// - actions
@kdgerona
kdgerona / machine.js
Last active August 15, 2021 09:49
Generated by XState Viz: https://xstate.js.org/viz
// credits: Kevin Dave Gerona, Dan Quesada, Kinit Lopez
const context = {
application_config: {
connection: {
max_retry_count: 5,
debounce_time_ms: 1000
},
initial_data: {
rows_per_page_items: [5, 10, 20]
},
@kdgerona
kdgerona / machine.js
Last active June 29, 2021 23:20
Generated by XState Viz: https://xstate.js.org/viz
const context = {
application_config: {
max_attempts: 5
},
application_data: {
data: {},
record: {},
entity: 'users',
attempts: 0
}
@kdgerona
kdgerona / machine.js
Last active June 28, 2021 06:26
Generated by XState Viz: https://xstate.js.org/viz
const context = {
application_config: {
max_attempts: 5,
},
application_data: {
attempts: 0,
},
}
const config = {
@kdgerona
kdgerona / machine.js
Last active June 28, 2021 04:30
Generated by XState Viz: https://xstate.js.org/viz
const context = {
application_config: {
max_attempts: 5,
},
application_data: {
attempts: 0,
},
}
const config = {