#MangiaFuoco.js solved issue #1

I know you aren’t exited about another JS library.

But personally I’m feeling I’m going in the right direction, and so on I’m exited to say the issue #1 of my Project MangiaFuoco is officially close: https://github.com/M3kH/mangiafuoco/issues/1

Are you still curious about MangiaFuoco = MF?
MF is a JavaScript tool for build Compossible Web Applications.
MF try to force you to define a Folder Structure for get a Modular loader in a declarative way.

This step is really important when you want start a project which can scale without creating a Reference Jungle.

MF encourage Web Components Methodology

Web Component for MF are just Distribute Logic.

The only difference is they try to look into a folder structure instead of just a file, so they would use module_name as directory and look for a index.js inside it.

Different of what Polymer Web Components are, MF Components are think to required an app context which would make sure that Flavoured Framework Component can access to his own requirement like app.Backbone or app.Marionette or app.Angular.

In this way Components folder can be moved across projects augmenting the granularity of the applications and helping you to create a better reusable code/logics.

Extend Projects

Additional to Web Components blueprints, MF give you the possibility to extend your app project with another app project.

This functionality is not recursive but make you easy to reuse full projects code.

MF with Extend Project functionality intend to means if the file is not in ProjectB then I will look for it in ProjectA;

In this way you can create giants app and extend it with just one file in a ‘empty’ project.

Framework Free but not Dependency Free

MF require Underscore and an AMD environment (Node.js, RequireJS or Browserify), has only dependency. But is framework free and so you can think has a wrap for declare you global ‘app’.

Think to declare global all your dependencies with mf.global({$: jQuery});

and use like this: MF.$(‘something’);

Additional to this MF provide you Adapters, which basically means you can extend MF for integrate with you flavour FrameWork.

Is good practice declare it has a ‘app’

MF try to simplify the usage of the AMD, delivering you the ability to declare an instance of in in your own way, although MF try to represent the app end point concept, and so on is good practice in example declare it has `app`, but still you are not forced too.

Why I should use it?

  • You want keep organise your folder system of the your front-end part, you want create more reusable code, you want a easy way to scale your project.
  • You work in Multi Page Web Projects.
    You work in Single App Project :-)
  • You are tired of require([‘dependencyA’, ‘dependencyB’, ‘dependencyC’]);
  • You are tired of new obj({}); or new view({}).render(); or whatever logic needs your framework for initialise something, which in the end looks like the same.
  • You don’t want create a file for extend one line small customisation.
  • You can customise with you own folder structure.
  • You can use you own Framework or WhateEverFrameWork.
  • You wish this project would grow has a crazy and they would be an uge amount of Components for your setup, which would be make able to make web app like a drag and drop experience.
  • You wish the Author would create a: Grunt-Task, Package Manager and a Yeo Man generator.

Not convinced yet?
Take a look at the code: https://github.com/M3kH/mangiafuoco
you can try it, you can test it, you can open an issue, you can blame, you can be critic, you can be constructive, you can inspiring me, you can be pleasant
or just leave a compliment or a comment saying what you think.

Ah I just forgot:
Tested with: Chrome 38,  Firefox 33.1, Safari 8, IE9+
Currently not supported: IE8>

Link Roll #2 ~ JS Libraries, updates and extras

JS Libraries:
PeerJS – Simple peer-to-peer with WebRTC
PeerJS wraps the browser’s WebRTC implementation to provide a complete, configurable, and easy-to-use peer-to-peer connection API. Equipped with nothing but an ID, a peer can create a P2P data or media stream connection to a remote peer.

Vue.js 0.11 released! – vue.js

Flow is the JavaScript type checker I have been waiting for – sitr.us
IMO: Flow and React are a FaceBook view, which they doesn’t represent the daily complexity of the applications, but still type checker apparently is the way to bring in board more javascript programmer, which come from different languages. But still I don’t like the way to change the syntax of the original language.

Node.js Security Tips | via @codeship
Probably already well know, but still a good remark.

Some End to End testing investigation:
NightwatchJS Drag and Drop example

Interesting Reads:
Say no.
I’ve to face out some times with it, I think is interesting topic how the decision process is handled in companies.

NINJHAX – 3DS Homebrew Exploit

LinkRoll #1 ~ Web Components

Looking for inspirations for MangiaFuoco

node-machine Project
In the simplest sense, Machines are Javascript functions wrapped in a standard interface.

Blockify PHP | Just code, don’t repeat

Web-components like AngularJS directives – JDriven Blog
If we look at Angular it already supports html imports and isolated scripts through it’s directive approach. This means we can already create custom components by using directives.