Mobile JavasciptMVC

in General JavaScriptMVC » Uncategorised • 2 years ago

Hello,

What do you think of a version of JavaScriptMVC for mobile? JavaScriptMVCM ;)
A version using zeptojs.com instead of jquery.
Certainly a lot of work to adapt, but zeptojs claims compatibility syntax jquery,
JavaScriptMVC developers would still familiar ground.

Today, development on mobile is important,
solutions as phonegap.com, allow the development
native applications with JavaScript code.

Jean

Replies(13)

Justin Me..

Re: Mobile JavasciptMVC

2 years ago

Jean,

Thanks for giving me the opportunity to wax on about mobile and JMVC.

Mobile is gaining a lot of steam right now, but JavaScriptMVC on zeptojs doesn't make a ton of sense. Here's why:

1. http://jquerymobile.com/ It would probably make sense to base JavaScriptMVC mobile off jQuery mobile.

2. DocumentJS and StealJS are already useful for mobile development. There's a few other features that StealJS could use (such as progressive loading) to make it more attractive.

3. I'd really like a FuncUnit for mobile. But this won't benefit from something like zeptojs.

4. Instead of making JavaScriptMVC work from jQuery mobile or zeptojs, I'd like to keep making JavaScriptMVC as independent as possible. The MVC parts of jQueryMX really only depend on jQuery's event delegation (and a little bit of Ajax).

5. Time. This is probably the most important. To take on a mobile effort, I would need a lot off assistance.

Justin Me..

Re: Mobile JavasciptMVC

2 years ago

I forgot to say ...

Thanks for posting this. I'd love to put a foot in Mobile. I'll take any help I can get.

fdjean

Re: Mobile JavasciptMVC

2 years ago

Thank you Justin for this reply ;)

I currently use use jquerymobile with JavaScriptMVC on phonegap: it works wonderfully
no particular worries ;)
but jquery + jquerymobile + javascriptMVC : it's slow on some devices

Nexus One (android 2.2): cool
iPhone 3G (io 3.1): slow

that is why I propose this idea

Jean

Justin Me..

Re: Mobile JavasciptMVC

2 years ago

What runs slow? Can you do some performance analysis? I'm sure we or jQuery would be interested.

fdjean

Re: Mobile JavasciptMVC

2 years ago

jquerymobile is slow because it uses jquery core
it's heavy for a mobile ...

xuijs or zeptojs are incredibly faster

Justin Me..

Re: Mobile JavasciptMVC

2 years ago

so it's the download speed? What do you mean by heavy?

fdjean

Re: Mobile JavasciptMVC

2 years ago

Download speed: yes the first time, but not important.
jquery is cross-browser: no need on mobiles equipped with webkit (most)

I'm not an expert javascript,
this guy was tested on an application:

http://twitoaster.com/jamescoletti/just-ported-jquery-xui-w-noticeable-speed-improvements-on-both-iphone-bb-nice-work-guys-cc-brianleroux-phonegap/

akjmvc

Re: Mobile JavasciptMVC

2 years ago

Jean,

As I understand with frameworks like phonegap, all the Javascript will be loaded from the native filesystem, need not be downloaded over the wire.

Do you think, it is still a concern for such kind of apps. The reason, I am curious, is that, I am also evaluating the frameworks, to do some native mobile apps using HTML5+JavaScript(Most likely JQueryMobile+JMVC).

Thanks,

prundin

Re: Mobile JavasciptMVC

2 years ago

This would be fantastic as we are starting to go mobile as well! Also with JQueryMobile and hopefully jMVC.

I think that's what Jean means is that interaction is slow with the larger frameworks. It's really important to have responsive and fast mobile applications.

So for that to happen the handling of user events (touch, click, swipe etc) must be really fast and streamlined by the framework and the selector engine optimized for mobile browsers. The rest (sensible DOM updating etc) is pretty much up to the developer I guess.

Has anyone seen some nice benchmarks between jQueryMobile vs. xuiJS vs. ZeptoJs ?

Justin Me..

Re: Mobile JavasciptMVC

2 years ago

By selector engine optimized, you mean the library doesn't implement a selector engine because mobile browsers all have them?

Jean is really talking about download size mostly. jQuery has a lot of extra code b/c it deals with cross browser issues. It's cross browser code; however, should not be making the running app slow.

For 3.1, I'm looking to have jQuery split up so you can only include the parts you need. This will make it rather straightforward to write ultra-light mobile apps.

Of course a year from now, we'll all be on 4g and won't need it.

prundin

Re: Mobile JavasciptMVC

2 years ago

Justin: Yeah, afaik pretty much all mobile browsers support document.querySelectorAll but I may be ignoring some old Nokias or Asian mysteries there.

While size mustn't go overboard responsiveness is the key. Why do the larger libraries perform so much slower anyway?

Us tech geeks like shiny new phones but the majority of customers will stick to their trusty old 3Gs for a long time still so fast and lightweight will be just as important in a year.

prundin

Re: Mobile JavasciptMVC

2 years ago

Justin: Assuming a modern webkit browser - Could you list what needs to be done to break class/model/view/controller free from jQuery?

I got some dedicated time for this now and would be glad to assist if we can get it rolling!

Justin Me..

Re: Mobile JavasciptMVC

2 years ago

That would be awesome!

Here's what needs to be done ...

1. Get JMVC 3.1 and all of it's related sub projects branches. Let me know if you need help doing this.

2. Put all jQuery functionality in methods at the top of the source. I've started doing this in a few places. For example, Model might use $.isArray like:

$.isArray(items)

Move isArray to the top of the source under a comment that says

// jQuery stuff
var isArray = $.isArray

And replace $.isArray with
isArray(items)

Once this is done, we'll know the 'basic set' of stuff a library needs to implement. I'm worried few will be able to provide jQuery's event delegation, or $.data, or event.destroyed.

3. Finally, we'll create maps that map methods like:

$.isArray

like

MVC.isArray = $.isArray

and replace Model's $.isArray with:

MVC.isArray.

Or something similar.

Top Reply

Response title

Attachments

New to this Portal?