Build a better(reactive) word press
Download as PPTX, PDF•0 likes•93 views
The document introduces a guide by Bhushan S. Jawle on integrating JavaScript with WordPress, covering key concepts, tools, and communities like React and Vue. It emphasizes the importance of deeply understanding JavaScript, addressing common queries, and offering resources for further exploration. The guide also highlights the differences in libraries and encourages readers to start building rather than just relying on tutorials.
Build a better(reactive) word press
- 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 [email protected] / Twitter : @bhushanjawle www.sanganaktechnologies.com www.wpvue.com (under construction) Questions ?