loading...

What's the name of the Javascript framework that...

jwp profile image John Peters ・1 min read

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?

Posted on May 20 by:

jwp profile

John Peters

@jwp

Angular, React, Typescript and JavaScript. The wave of now!

Discussion

markdown guide
 

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),
                ),
              ],
            );
          },
        );
      },

 

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

 
 

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