Moderne

JavaScript

en WordPress

JavaScript is booming

Gaya Kessler

Freelance Full Stack Web Developer

JavaScript, React, Node.js


Maker van Drammit en Formable

@GayaKessler op Twitter

Positie van JavaScript
over de jaren

Flash voor fancy stuff

jQuery en plugins

Rise of the frameworks

en de laatste tijd...

Explosie van

frameworks en tools

Hoe ziet de
toekomst er uit?

¯\_(ツ)_/¯

Er is veel werk

Wat is moderne JavaScript?

Nieuwe ECMAScript

en

Tools er omheen

Het is awesome!

Nadeel...

Gebruik is ingewikkeld

"FRONT-END WAS
OOIT ZO MAKKELIJK!"

Waarom

moderne JS

gebruiken?

Modules

Verbeterde syntax

Nieuwe features in
oude omgevingen

(was dit er ook maar voor PHP 5.2)

Hoe kan ik moderne
JavaScript gebruiken?

Veel features
zijn ondersteund



http://kangax.github.io/compat-table/es6/ 
npm install @babel/preset-env

npm scripts / WebPack

Moderne JS in het wild

Themabouwer

  • Vaak weinig JS
  • Grunt / Gulp voor assets
  • Babel werkt met deze tools

Plugin developer

Front-end website assets

Plugin developer

Admin assets

Single page app
in de admin?

Create React App

Builden voor release

Problem:

Dependency management in WordPress

Aliasing in WebPack


import $ from 'jquery'; // window.jQuery

Best of both world

WordPress als backend

JAM stack!

JavaScript en markup

WordPress als API

Gatsby & WordPress

=

Static website & WordPress admin

De toekomst ziet
er goed uit

Nu is hét moment

Kom met me praten als je interesse hebt

Thanks!


Gaya Kessler


https://theclevernode.com
@GayaKessler op Twitter