metatonic

메타토닉 플랫폼

Metatonic은 대규모 데이터 입력 애플리케이션을 매우 빠르게 작성하기 위한 라이브러리 및 도구 세트입니다.

앱 빌더

행동 강령

선적 서류 비치

이름	보장/상태	NPM
메타토닉 코어	96%
메타톤 반응	22%
메타토닉-리덕스	46%
메타토닉-반응-리덕스	0%
앱/앱 빌더	주로 일함
앱/프런트엔드 전용	주로 일함
앱/데이터베이스로 렌더링된 서버	초기 개발
메타토닉 서버	초기 개발
메타토닉 메타스토어	브레인스토밍

모든 것이 아직 진행 중입니다. 귀하가 행동 강령을 준수하는 한 귀하의 도움을 받고 싶습니다.

우리가 관심을 갖는 몇 가지

• 우리는 가능한 한 최소한의 코드를 작성하도록 돕습니다. 때로는 코드가 없기를 바랍니다.
• 우리는 데이터 입력에 깊은 관심을 갖고 있습니다. 좋은 데이터는 중요한 수많은 작업의 중추입니다.
• 우리는 당신이 원하는 것을 창조하는 데 관심을 갖고 있습니다. 우리는 데이터 입력을 생성하고 앱의 일부를 매우 빠르게 표시할 수 있는 방법을 제공합니다. 우리는 구성과 관례를 믿습니다.
• 우리는 귀하가 선택한 UI 프레임워크에 작성하는 것에 관심을 갖고 있습니다. 현재 우리는 React를 지원하지만 나중에 Angular, Vue, Knockout에 대한 플러그인을 가질 수 있도록 코딩되어 있습니다. 단방향 바인딩과 redux와 같은 상태 관리에서 잘 작동한다면 괜찮을 것입니다.

예

레코드 편집자

@ editorFor ( "record" , FieldSet , { isDefault : true } )
export class RecordEditor extends BaseEditorModel < { [ key : string ] : any } , RecordSchemaType , BaseEditorModel < RecordSchemaType > , void > {
    render ( ) {
        let recordType = this . props . field . typeParameters . typeParams as SchemaRecordType ;
        let fields = recordType . fields ;
        return ( < > {
            fields . map ( field =>
                < FieldEditor value = { this . props . value [ field . name ] } field = { field } context = { createContext ( field , this . props . context ) } / >
            ) }
        < / > )
    }
} 

입력 편집기

@ editorFor ( "numeric" , InputBoxLabelContainer , { isDefault : true } )
export class NumericEditor extends BaseEditor < Numeric , NumericTypeInfo , BaseEditorModel < Numeric > , void > {
    render ( ) {
        return (
            < input type = "number"
                   id = { this . uniqueId ( ) }
                   value = { this . value ( ) . toEditorString ( ) }
                   required = { this . field ( ) . required }
                   max = { this . props . field . max || undefined }
                   min = { this . props . field . min || undefined }
                   step = { 1 }
                   onChange = { this . notifyChanged }
            / >
        ) ;
    }
} 

TypeScript 클래스의 스키마

@ model
export class Field {
    @ field ( "text" , "Name" , SchemaEntryType . entry , { required : true } )
    name : string ;

    @ field ( "text" , "Label" , SchemaEntryType . entry , { required : true } )
    label : string ;
    
    @ field ( "code" , "Type" , SchemaEntryType . selection , { required : true } )
    typeName : string ;

    @ field ( "code" , "Type" , SchemaEntryType . selection , { required : true } )
    entryType ?: SchemaEntryType ;

    @ field ( "boolean" , "Multiple" , SchemaEntryType . entry , { required : true } )
    multiple : boolean ;

    @ field ( "boolean" , "Required" , SchemaEntryType . entry , { required : true } )
    required : boolean ;

    @ field ( "numeric" , "Max Length" , SchemaEntryType . entry , { required : false } )
    maxLength ?: Maybe < number > ;

    @ field ( "numeric" , "Max" , SchemaEntryType . entry , { required : false } )
    max ?: Maybe < number > ;

    @ field ( "numeric" , "Min" , SchemaEntryType . entry , { required : false } )
    min ?: Maybe < number > ;

    @ field ( "boolean" , "Can Add" , SchemaEntryType . entry , { required : false } )
    canAdd ?: boolean ;

    @ field ( "boolean" , "Can Add" , SchemaEntryType . entry , { required : false } )
    canEditSelection ?: boolean ;

    @ field ( "text" , "UI Preference" , SchemaEntryType . entry , { required : false } )
    uiControlPreference ?: string ;
}