JZed.js – The functional JQuery alternative

https://github.com/zedshaw/jzed

by SEMW • 12 years ago

100 97 12 years ago

github.com

adito• 12 years ago

This gives me an idea of reimplementing jQuery as part of learning javascript.

fiatjaf2• 12 years ago

Don't do that, do something no one has ever done.

arkitaip• 12 years ago

I'm really liking the idea of having lots of new $ instead of chaining/burying things like jQuery does. Most of the functions are bareboned but as a concept it looks interesting.

agumonkey4• 12 years ago

While he's at it with the Zed-ing he could have made a z. module or even prefixed all functions with 'z'+CamelCase. '$' is cute as a root wrapper for chains but $map($filter($each.. $siblings, $http(..))) gets heavy quick IMO.

deckiedan• 12 years ago

The reason jQuery (and _.js, and others) do this is so that you minimize the number of global variables/functions used.

rtpg• 12 years ago

I love method chaining though, not having it is a huge drawback for me.

joiguru• 12 years ago

How cross browser is this thing? Does it at least support all the browsers versions as JQuery v2?

damon_c• 12 years ago

This also only really works on IE9 and maybe IE8 or better, but honstly IE6 and IE7 users users can seriously go fuck themselves with a dirty brick. I may add a function to detect these two bad browser so people can start forcing them to use a real browser for a change.

prayerslayer• 12 years ago

There are parts that will not work in IE 8 (doesn't support addEventListener) or even IE 9 (doesn't support classList).

TheRubyist• 12 years ago

Zed is dead.

jbeja2• 12 years ago

As your comment.

ryanackley2• 12 years ago

If this interests you, check out http://zeptojs.com/. Seems like the same concept.

binarymax2• 12 years ago

Zepto really aims to match the jQuery style and the majority of methods while trimming the fat and sacrificing browser compat, and weighs in at 9.2k min gzipped.

I'd say the only thing this has in common with jQuery is the use of the $. Most of the methods here can be found in many homegrown toolboxes. There is no chaining and no relationship to any of the methods here.

ryanackley2• 12 years ago

I guess the semantics really matter to some people but a few direct quotes from the Readme

JZed is my alternative to JQuery

This is a tiny amount of code that has enough of the functionality found in JQuery

then I filled it out with more based on the list at http://youmightnotneedjquery.com/.

The semantics are different but the functionality is completely based on jquery.

dsego• 12 years ago

Zepto is nice, but if you want something like jquery, just use jquery. Jquery is already small enough and battle-tested. I tried using zepto a year ago, and some DOM methods were 10-100x slower, which isn't worth the reduction in size.

binarymax2• 12 years ago

I'm a fan of min.js[0], as it is closer in spirit to jQuery. Looks like the major addition this has is the XHR. Not sure how I feel about the individual $method style, but it looks like you covered almost anything one would need!

[0] https://github.com/remy/min.js

gexla• 12 years ago

The library is tiny. Seriously, just go read the code. It's good education

Thanks, Zed! I really appreciate what you have done for helping in education in other programming languages. Reading a small library which does much the same as Jquery is a great addition to your materials. I may not use this as a Jquery replacement, but I will certainly be looking through the code to see what I can learn from it. I spend far too little time in the front-end and it's time to change that.

Edit: Edit: Okay, you guys didn't like my joke. So I removed the joke and expanded on the first part of my comment.

grexi• 12 years ago

I like the idea, but the tone of the docs is a little too rough for me (although I don't consider myself a functional snob).

http://www.snapbugz.com/p/98f1d5a6

the-kenny• 12 years ago

What makes this library functional?

jbeja2• 12 years ago

Don't like to much the name, is so "egoista", but i love the functional approach :).

gdw2• 12 years ago

In the Readme he says he picked that name to annoy people!

bct• 12 years ago

Annoying people is easy, I don't know why he would go out of his way to do it. It's certainly not something to be proud of.

jiggy20114• 12 years ago

This is a wrapper around the DOM API, nothing like jquery at all.

coldtea3• 12 years ago

You know that jQuery is primarily a "wrapper around the DOM API", right?

jiggy20114• 12 years ago

Not exactly, jquery offers it's own API which is what makes it powerful and allows for it's method chaining, plugin system etc. A $(".className") returns a jquery object , not a DOM element.

esailija• 12 years ago

jQuery API is nothing like the DOM API.

This library is a list of functions that are nothing but proxies for some other functions which you might as well call directly. Given that the author has written this http://zedshaw.com/essays/indirection_is_not_abstraction.htm... I am sure this is some kind of joke...

gaius• 12 years ago

Jay-Z will be along for trademark infringement in 5... 4... Same as Coinye West!

asattarmd• 12 years ago

I see nothing that makes this library "functional".

bdfh422• 12 years ago

function $new(tag, id, html) looks like it has a bug.

next line should read var new_tag = document.createElement(tag); not var new_tag = document.createElement("div"); unless I am missing something

scotth• 12 years ago

Isn't this what GH Issues is for?

bdfh422• 12 years ago

Zed actually fixed it - this joke will run and run. Smashing.

maaaats• 12 years ago

> I'm doing a bunch of work with CORS and requiring target sites to use jquery is insane when I just need a few little things.

Why would target sites need to have jquery?

fiatjaf2• 12 years ago

I don't understand this also. Isn't CORS a server thing? I have used CORS, but still don't understand this.

bluepill• 12 years ago

Always nice stuff, it would be cool if Zed would publish this on npm or Bower.

sdegutis14• 12 years ago

This also only really works on IE9 and maybe IE8 or better, but honstly IE6 and IE7 users users can seriously go fuck themselves with a dirty brick.

This kind of language doesn't belong in a software project, let alone its README, and is very likely one of the reasons software professionals are often not treated like professionals.

agumonkey4• 12 years ago

Yeah, a little too rock n roll here. Also, I don't think there's such a thing as a IE6/7 user (in the sense of mass of visitors to support for a website to thrive), only people forced to use it by heavy constraints.

ps-edit: I mean, Zed Shaw knows about enterprises locked into IT contracts etc etc, so his comment was free noise. I guess that's just how he likes to speak and joke.

sdegutis14• 12 years ago

Honestly, I'm starting to think IE6 is just an urban legend. I mean, has anyone ever actually seen it?

deedubaya• 12 years ago

1953 called, they want their prudeness back.

I like a little humor in my software projects, especially the type of humor that I can relate to. It reminds me than the people I work with aren't just "software professionals", but humans with personality and a sense of humor.

sdegutis14• 12 years ago

It's kind of sad that decency is now considered outdated.

merijnv2• 12 years ago

And what kind of language does belong in a software project? He's literally giving away work he did in his own time for free and you complain about the language he used when he did so?

If you don't like the language, don't use the library? Seems a simple solution.

sdegutis14• 12 years ago

That sounds nice, but I don't think it works that way. People see software projects like this, and they develop impressions that software programmers are not professional. The result is that programmers are not treated like professionals.

susi22• 12 years ago

So you're saying that you shouldn't criticize others just because they're giving it away for free?

If you question that others shouldn't complain about other things then we quickly end up in a world where movie critics can't criticize a movie since they didn't pay for them. Where I can't criticize google since their services are for free.

You should always speak up and voice your opinion. But your argument "don't complain, take it or leave it; it's for free" can't be applied anywhere IMO. In fact, the author should be thankful for any critique he's getting. Not getting any feedback means that nobody cares about your work or doesn't care about you failing.

frou_dh• 12 years ago

I guess that's an upside of the personal Software Project: you're under no obligation to listen to Software Professionals telling you what does or does not Belong in it.

m3mnoch• 12 years ago

heh. i'd expect nothing less from zed. this comment makes me assume some of you youngsters don't know who he is.

from his site:

"Yes I say "fuck", and quite a lot of "bad words", mostly because it's funny to watch you shit your pants at them. It's not like you're going to give me a job so fuck it, I'll say fuck. fuck fuck fuck fuck fuck*

*Did I mention? fuck"

jiggy20114• 12 years ago

That's just juvenile. I don't "shit my pants" over stuff like this, I roll my eyes.

reidrac• 12 years ago

You're making an unfair generalisation. I'm not sure if that kind of language is often used in software projects, and this specific project comes from Zed Shaw that is well known for his quite "unique" approach to software projects.

I don't know if you're aware of http://programming-motherfucker.com/ -- again, it's a joke, a parody, and it's funny as jokes and parodies are. But honestly, I don't think anybody will really use that kind of language or attitude in a professional environment.

EDIT: typo

wyuenho• 12 years ago

I bet they are all very unprofessional.

https://github.com/search?q=fuck

http://en.wikipedia.org/wiki/WTFPL

http://en.wikipedia.org/wiki/Brainfuck

http://www.w3fools.com/

bambax• 12 years ago

"It's legit purpose" annoys me much more. It's Its, for fuck's sake.

_ak2• 12 years ago

...says the tone police.

sdegutis14• 12 years ago

This is such an overused fallacy lately. It really seems to just be the go-to phrase in disagreements whenever courtesy and respect are discussed.

integricho• 12 years ago

I heard his talk on DjangoCon, it was strange at first, but now I'm kinda used to it, even expecting him to talk that way..

jwmerrill• 12 years ago

Clearly, you aren't familiar with Zed's oevré.

agilebyte• 12 years ago

Would be nice to detect CommonJS environment and not export to the global scope.

Kiro• 12 years ago

I don't understand the talk about CORS. In what way does this library help CORS stuff and what situations is he referring to exactly?

EGreg3• 12 years ago

Pull requests like this show it's rather immature so far:

  Fixed $next() and $previous() not returning anything - 2 hrs ago

bachback• 12 years ago

cool, this guy is doing some good work.

see also mongrel2, a language agnostic webserver https://github.com/zedshaw/mongrel2

benihana2• 12 years ago

It's also functional so now LISP hackers can pretend they're both JavaScript Oakland Living Node.js gangsters and high class San Franciscans with their functionality snobbery.

Oh Zed. Don't ever change, our industry needs people like you.

grannyg00se• 12 years ago

I'm guessing zed was bored - or just felt like trolling?

The library isn't "functional", does very little of use, and horribly pollutes the global name space.

Maybe he just felt like venting about jQuery overuse and snobby programmers.

amasad• 12 years ago

So how is it "more functional"?

j_m_b• 12 years ago

Thanks! But I've long ago replaced my js with clojurescript.

zackious• 12 years ago

Looking through your code, you have some name mismatching in $parse. Best of luck.

JZed.js – The functional JQuery alternative

Related Stories