1. compy
rethinking the webapp development
@edjafarov
universal mind
Четвер, 15 серпня 13 р.

2. your project looks like
• app/vendor
•Gruntfile.js
•require.js
Четвер, 15 серпня 13 р.

3. better experience
•install and use components/modules
•just start writing the code
•zero configuration
•your source is Your code
Четвер, 15 серпня 13 р.

4. compy
Четвер, 15 серпня 13 р.

5. compy
Четвер, 15 серпня 13 р.

6. how much of a
jQuery
you actually use?
Четвер, 15 серпня 13 р.

7. how much of a
jQuery
you actually use?
Четвер, 15 серпня 13 р.

8. jQuery
•lot’s of zombie code: (ebay 29%,
stackoverflow: 54%, foxnews: 25%,
theguardian:55%, instagram:48%)
•complex upgrade
Четвер, 15 серпня 13 р.

9. how to make jQuery
suck less?
Четвер, 15 серпня 13 р.

10. how to make jQuery
suckless?
Четвер, 15 серпня 13 р.

11. how to make jQuery
suckless?
Четвер, 15 серпня 13 р.

12. component-jQuery
$
compy
install
jquery/css
$
compy
install
jquery/ajax
$
compy
install
jquery/core
var
$
=
require('jquery/core'),
require('jquery/css'),
require('jquery/ajax');
Четвер, 15 серпня 13 р.

13. component-jQuery
$
compy
install
jquery/css
$
compy
install
jquery/ajax
$
compy
install
jquery/core
var
$
=
require('jquery/core'),
require('jquery/css'),
require('jquery/ajax');
componentor
Четвер, 15 серпня 13 р.

14. component-jQuery
$
compy
install
jqcomp/css
$
compy
install
jqcomp/ajax
$
compy
install
jqcomp/core
var
$
=
require('jqcomp/core'),
require('jqcomp/css'),
require('jqcomp/ajax');
Четвер, 15 серпня 13 р.

15. substack pattern
module.exports = function () {}
all modules should
be a single function
Четвер, 15 серпня 13 р.

16. jQuery - gangam style
$
compy
install
jquery/core
$
compy
install
jquery/find
$
compy
install
jquery/addClass
var
$
=
require('jquery/core'),
$.use('jquery/find'),
$.use('jquery/addClass');
Четвер, 15 серпня 13 р.

17. future is near
src
css
js
css
js
css
html
js
css
js
css
js
css
js
Четвер, 15 серпня 13 р.

18. compy
local require
•allows to use installed components without
any configurations by just requiring them.
•coffeescript, sass, jade and other plugins
•livereload & static server
•karma runner
•flexible and grunt extendable
Четвер, 15 серпня 13 р.

19. demo
Четвер, 15 серпня 13 р.

20. Q&A
https://github.com/edjafarov/compy
https://github.com/jqcomp
https://github.com/edjafarov/componentor
@edjafarov
@compyjs
Четвер, 15 серпня 13 р.