Flutter, what is it?

#typescript #javascript

I've been looking into many different frameworks live Svelte, Stencil etc. Mostly due to articles posted here and encouragement from Dev.to folks.

But the other day, as I read about one of them (can't remember the name) they described something like this (by memory and not necessarily correct).

myComponent:{
    'stylesWereFirst': {
       LargeHeader={h2:font-size:5em;}

        'javascriptNext' : {
           let something = 'this';
           function getData(){return ['name':"one cool framework"];}

              'htmlLast':{<div class={{LargeHeader}}>{{getData()}}</div>
               } //end of html section
        } //end of javascript section
     } //end of style sections
} //end of component definition

After reading the article, the concept kept popping up in my mind over this past week, as a very good architecture. The only problem, I can't remember it's name.

Has anyone seen this architecture?

Top comments (8)

John Peters • May 23 '20 • Edited

It was Flutter..


Widget _buildAndroid(BuildContext context) {
    return RaisedButton(
      child: Text('LOG OUT', style: TextStyle(color: Colors.red)),
      onPressed: () {
        // You should do something with the result of the dialog prompt in a
        // real app but this is just a demo.
        showDialog<void>(
          context: context,
          builder: (context) {
            return AlertDialog(
              title: Text('Log out?'),
              content: _logoutMessage,
              actions: [
                FlatButton(
                  child: const Text('Got it'),
                  onPressed: () => Navigator.pop(context),
                ),
                FlatButton(
                  child: const Text('Cancel'),
                  onPressed: () => Navigator.pop(context),
                ),
              ],
            );
          },
        );
      },