DEV Community

John Peters
John Peters

Posted on • Updated on

Flutter, what is it?

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

Enter fullscreen mode Exit fullscreen mode

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)

Collapse
 
jwp profile image
John Peters • 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),
                ),
              ],
            );
          },
        );
      },

Collapse
 
maximousblk profile image
Maximous Black

Can't figure it out by the code you provided but this might help.

Collapse
 
Sloan, the sloth mascot
Comment deleted
Collapse
 
maximousblk profile image
Maximous Black

Did you find it?

Thread Thread
 
Sloan, the sloth mascot
Comment deleted
 
jwp profile image
John Peters

Flutter

Collapse
 
vonheikemen profile image
Heiker

I'm assuming is not one of the mainstream framework. Could it be mithril with jsx?

Collapse
 
jwp profile image
John Peters

Flutter