This talk will focus on following 1. How user experience changes dramatically when you use Javascript to make the site more reactive to user inputs (recorded demo) 2. What does today’s Javascript look like and major choices available (React / Vue) 3. Overview of tools you need to have in your arsenal to simplify developing with Javascript

1. Build A Better(Reactive)
WordPress
Get started with WordPress + Javascript
Created by Bhushan S. Jawle

2. Who Am I ?
By Education : Computer Engineer
Experience : 22+ years (about a decade in Tokyo)
Current : Founder & C.E.O @ Sanganak Technologies LLP
WordPress Core & Translations Contributor.
Open Source Enthusiast

3. What Is Covered ?
What does ‘Learn Javascript Deeply’ mean to you ?
Why should you care ?
What are your choices ?
Tools of the trade
How do you get there ?
Questions

4. What Is Not Covered ?
Live Coding

5. Once upon a time...somewhere on the web….
Home to 25%+ of web developers and users

7. State Of Word : Dec 2015
“Learn Javascript Deeply” : Matt

8. Developers didn’t know how to ‘React’ !

9. While others were asking..
Wakanda technology is that ?

10. And Where Do I Start ?
Javascript Good Parts vs Bad Parts vs Weird Parts
Gulp vs Bower
Webpack vs Grunt vs Gulp
React vs Vue vs Angular (Least Reasonable & Most Prevalent Comparison)
Is jQuery / Backbone still relevant ?
Is ECMAScript 2015 & ES6 same or different ?
Why do I need Flux ? Redux vs. Flux vs. Reflux vs Alt ?

12. Default WP Search (Demo)

13. Javascript Powered WP Search( Demo )

14. React
Built & Championed By Facebook
Uses Virtual DOM
Extremely Large Community
Has Mobile Version
Steep Learning Curve viz. JSX, ES6 (fat arrow, destructuring, classes, let..)
Online Tutorials May Not Work (version differences)
Heavy Tooling Requirements

15. Vue
Built by Evan You
Uses Virtual DOM
Growing Community
Easy To Get Started
Most Of The Online Tutorials Work !
Community Sponsored

16. Node & One Package Manager (npm / yarn)
Dev Build Automation Tools (Grunt / Gulp)
Webpack
Babel
Browsersync
Learn The Tools Of Trade

17. Forget Tutorials !
Write Hello World Yourself (https://reactjs.org/, https://vuejs.org/v2/guide/)
Build A ToDoApp (http://todomvc.com/)
Explore React https://github.com/enaqx/awesome-react
Explore Vue https://github.com/vuejs/awesome-vue
Getting Started

18. Why Use Javascript With WordPress
Evaluate Library Yourself
Choose One
Just Start Building !
Summary

19. Remember...

20. Created By : Bhushan S. Jawle
bhushan@sanganaktechnologies.com / Twitter : @bhushanjawle
www.sanganaktechnologies.com
www.wpvue.com (under construction)
Questions ?