Using React To Change the future of Customer Experiences

A talk on modularity, framework lifecycles, and how self-inflicted third-party JavaScript is the answer.

Transcript

1. Using React To Change the future of Customer Experiences Charlie Robbins | @indexzero
2. Wait, who are you?
3. Wait, who are you? Joined GoDaddy this year Formerly founder at Nodejitsu Director, UX Platform Engineering
4. So what’s the deal User Experience? with
5. SCIENCE CAT SAYS “GOOD QUESTION”
6. SCIENCE CAT SAYS “GOOD QUESTION” User experience design (UXD or UED) is the process of enhancing user satisfaction by improving the usability, accessibility, and pleasure provided in the interaction between the user and the product.
8. Do I look like UX GEEK a to YOU?
10. SORRY! I TOTALLY AM
11. SORRY! I TOTALLY AM PUT ANOTHER WAY
12. EXPERIENCES. ARE WHAT MATTER.
13. Let’s GoDaddy talk about UX at
14. From a UX perspective
15. From a UX perspective is really just A SINGLE COGNITIVE TASK
16. From a UX perspective is really just “WHAT SHOULD I WATCH?” A SINGLE COGNITIVE TASK
17. Conversely
18. Conversely CUSTOMER EXPERIENCES provides essential GoDaddy
19. Conversely CUSTOMER EXPERIENCES provides essential multiple cognitive tasks GoDaddy to deliver success over
20. AND MORE. LOTS, LOTS MORE. HOSTING DOMAINS BUILDING YOUR WEBSITE EMAIL MARKET ING SSL CERTIFICATES WORDPRESS. CPANEL. DEDICATED. VIRTUAL. DNS ANYONE? DIY OR DO IT FOR ME.
22. There be DRAGONS
23. MOBILE PERFORMANCE
24. And LIFECYCLES SUPPORT long product
26. UNAVOIDABLE FRAMEWORK LEGACY
27. THANKFULLY FOR US, THERE IS A SOLUTION REACT
29. FAST. RENDERING.
31. FLEXIBLE DEPLOYMENT
32. FRAMEWORK YOUR CAN’T DO everything
34. Ok, I’m sold!
35. Ok, I’m sold! HOW Tell me, are you using
36. Ok, I’m sold! HOW Tell me, are you using React at GoDaddy?
37. TALK First let’s high-level concepts. tools. practices.
39. NODE.JS
40. NODE.JS EXPRESS
41. NODE.JS EXPRESS REDIS/CASSANDRA
42. NODE.JS EXPRESS REDIS/CASSANDRA …now what?
43. NODE.JS EXPRESS REDIS/CASSANDRA …now what?
45. WE TEST CODE OUR
47. MOCHA
48. MOCHIFY MOCHA
49. MOCHIFY ISTANBUL MOCHA
50. MOCHIFY ISTANBUL ASSUME MOCHA
51. MOCHIFY ISTANBUL ASSUME MOCHA WEBPACK
53. Absolutely NOT
54. Absolutely NOT Rainbows all Unicorns and
56. IT’S JUST LAYERS
57. IT’S JUST LAYERS AND LAYERS
58. IT’S JUST LAYERS AND LAYERS AND MORE LAYERS
59. IT’S JUST LAYERS AND LAYERS AND MORE LAYERS DID I MENTION LAYERS?
61. UNAVOIDABLE FRAMEWORK LEGACY
63. EXISTING SINGLE PAGE APP
64. FUTURE FRAMEWORK EXISTING SINGLE PAGE APP
65. WHAT ABOUT FEATURES UNTIL THEN? FUTURE FRAMEWORK EXISTING SINGLE PAGE APP
67. THIRD-PARTY JAVASCRIPT
69. JAVASCRIPT Third-party
70. JAVASCRIPT Third-party YOURSELF?!?
71. PATIENCE
73. EXISTING SINGLE PAGE APP
74. EXISTING SINGLE PAGE APP FUTURE FRAMEWORK
75. Building much needed SPAs features on the older framework represents wasted time. EXISTING SINGLE PAGE APP FUTURE FRAMEWORK
76. Building much needed SPAs features on the older framework represents wasted time. Third-party backend EXISTING SINGLE PAGE APP FUTURE FRAMEWORK
77. Building much needed SPAs features on the older framework represents wasted time. Third-party backend Third-party JavaScript is “modern additions.” EXISTING SINGLE PAGE APP FUTURE FRAMEWORK
80. THIRD-PARTY JAVASCRIPT!
81. NOOO … IT’S NOT TRUE
82. OPEN SOURCE YES! AND WE GET IT DONE WITH github.com/godaddy/external
83. {github, twitter}.com/indexzero crobbins@godaddy.com MAY THE SOURCE BE WITH YOU THANKS. Q&A TIME.