metatonic

plateforme métatonique

Metatonic est un ensemble de bibliothèques et d'outils permettant d'écrire extrêmement rapidement de grandes applications de saisie de données.

Générateur d'applications

Code de conduite

Documentation

Nom	Couverture/Statut	MNP
noyau métatonique	96%
réaction métatonique	22%
redux métatonique	46%
métatonique-réaction-redux	0%
applications/constructeur d'applications	Travaille principalement
applications/frontend uniquement	Travaille principalement
applications/serveur-rendu-avec-base de données	Début du développement
serveur métatonique	Début du développement
métatonique-metatstore	Remue-méninges

Tout est encore un travail en cours. J'aimerais votre aide tant que vous ne respectez pas le code de conduite.

Certaines choses qui nous tiennent à cœur

• Nous souhaitons vous aider à écrire le moins de code possible, parfois pas de code, espérons-le.
• Nous nous soucions profondément de la saisie des données. De bonnes données constituent l’épine dorsale de nombreux emplois importants.
• Nous tenons à ce que vous puissiez créer ce que vous voulez. Nous fournissons un moyen de créer très rapidement la saisie de données et d’afficher des parties de votre application. Nous croyons en la configuration et la convention.
• Nous tenons à ce que vous puissiez écrire dans le cadre d'interface utilisateur de votre choix. À l'heure actuelle, nous prenons en charge React mais il est codé pour pouvoir avoir des plugins plus tard pour Angular, Vue, Knockout, tout ce qui fait flotter votre bateau. Tant que cela fonctionne bien avec les liaisons unidirectionnelles et la gestion de l'état comme Redux, vous devriez être bon.

Exemples

Éditeur de disques

@ 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 ) } / >
            ) }
        < / > )
    }
} 

Éditeur d'entrée

@ 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 }
            / >
        ) ;
    }
} 

Schéma de la classe 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 ;
}