A library to couple with jquery which helps work with classes easily (create/inheritance and so on)

Question

I recently used Ext.JS for a project and I loved it's way to make javascript more "C-like" I may say, with inheritance through keyword "extends" and class definition through Ext.define.

While I love Ext, I don't think it fits well to create a normal website (I like it for management web application), I prefer JQuery for things like that, because usually I have a custom graphic and animation involves a lot of DOM manipulation (with Ext, everything is integrated in their classes).

I would like to couple JQuery with a library that handles only the "class" aspect of javascript. It doesn't need to do anything about jquery, I just need to write my code as something object oriented.

I don't want change my javascript development framework because I already use Ext and JQuery, I think it's enough.

Thanks for suggestion

Edit 1:

Looks like this question is already answering (in part) me. Because it's a 2009 question, I would like to know if there are other libraries that I should look to.

I'm thinking about using JS.Class, base2 doesn't have (for me) a natural syntax. Joose is doing more than I require and JS.Class is inspired by ruby (which is ok for me). Expecially it looks more natural for me.

score 1 · Answer 1 · answered Jan 26 '12 at 06:19

1

I like writing things OOP too. So this is what i do!

(function() {
    MySite = {
        ... some basic functions that involve whatever javascript libraries
    }
})();

Then i want make a ui section

MySite.ui = {
    uiButton: function($buttons) {
        $.each($buttons, function() {
            var $this = $(this),
                settings = $this.data("settings");

            $this.click(function() {
                if (settings.type == 0) {
                    MySite.handleLocationChange(settings.location);
                }
            });
        });
    }
}

So thats how i do some stuff, Obviously this is library independent, i just prefer jQuery, for its selector stuff. But i can extend my library with different parts that are easy to implement

So i would have a div

<div class='uiButton'data-settings='{"type":"0"}'>MySweetButton</div>
<script type='text/javascript'>MySite.ui.uiButton($(".uiButton"));(</script>

answered Jan 26 '12 at 06:19

ThePrimeagen

4,462
4
31
44

1

What i am trying to say is that i love jQuery. So i build an oop (like..ish) API for my front end. This is what things like PAYPAL and FB (facebook) do. They stack everything up in this `static` like structure with functions. SO its likish OOP, but it fits better for javascript. – ThePrimeagen Jan 26 '12 at 06:20
Your suggestion is great and I think I'll stick with it, however I can't still mark it as the answer because you are missing something: How can I handle inheritance? I'm ok with something like a jquery plugin to handle all this. Thanks a lot. – Francesco Belladonna Jan 26 '12 at 06:33
1

This is true. Handling inheritance would be weird with this. But you potentially could have multiple ways a function is defined and you could have your `$.extend(library1, library2)` but i could see this being potentially dangerous... Thanks for the response and the feedback, because i did not totally answer the question. – ThePrimeagen Jan 26 '12 at 06:35
Well, I think that the method you suggested is ok, I were just asking if there is actually a way to handle it. I really like what you suggested! – Francesco Belladonna Jan 26 '12 at 07:49

score 0 · Accepted Answer · edited May 23 '17 at 10:34

0

I solved the problem by myself, it looks like JS.Class works really well coupled with JQuery (obviusly you have to make it work in an OOP way). Here you can find the sources which brought me to this answer:

jquery class inheritance

This expecially: Has anyone used JS.Class and liked it?

edited May 23 '17 at 10:34

Community