What's up with javascript and Drupal 8

What's up with javascript & Drupal

Théodore 'nod_' Biadala

JS Maintainer for Drupal coreTechnical consultant @ Acquia

Frontendunited, London 2013

Who?

nod_ — February 2012(cue months of wishing for another maintainer)

seutje — August 2012

jessebeach — September 2012

8

Library Upgrade policy

Core will ship withlatest version*

Library Upgrade policy

Core will ship withlatest version*

Tools

testing

fat module

Community

Impression of a JS dev by a Drupal dev

Webchick learning Javascript

Michael Schmid, CC-BY 2.0

Javascript Clean-up#1415788

Script dependencies

hook_library_info() {

$lib['myscript'] = array(

'js' => array($path . '/somefile.js' => array()),

'dependencies' => array(

array('system', 'jquery'),

array('system', 'drupal'),

arrary('system', 'drupalSettings'),

),

);

return $lib;

}

performance?

Editor: IE10

node/1

add/article

node/add

node

0 50 100 150 200 250

JSCSSHTML

Front-end time (ms)

Editor: IE10 – No toolbar 

node/1

add/article

node/add

node

0 50 100 150 200 250

JSCSSHTML

Front-end time (ms)

Visitor: IE10

node/1

node

0 50 100 150 200 250

JSCSSHTML

Front-end time (ms)

In Drupal 8

JS libraries will be upgraded

Declare all your dependencies

Core front-end performance is… ok!

Questions?

Théodore BIADALA

@nod_

theodore.biadala@acquia.com