How Schibsted built a Javascript widget (Vuejs + vuex) - from whiteboard to delivery
The experienced Schibsted team that's handling some of the world's biggest classifieds sites got handed this challenge:
"Develop a plug and play javascript messaging widget with real time capabilities, responsive, extensible and customizable but please make sure customizations can't break it, it will be deployed in over 20 sites on several continents, each developed with technologies ranging from React or Angular to Smarty on PHP.
It must cater for sites with or without build systems. Also, we should be able to update sites automatically to latest versions and we want to run A/B tests independent of the host site. And some geographies use obscure browsers. And we need automated tests. And automated releases. Actually, we kind of want automated everything."
Quite the requirements! This talk will retrace @Schibsted's messaging team take at this project, the roadblocks we hit, the decisions we took, the failures we experienced and what we learned from them. The talk will touch Vue/Vuex, React, node, Nightwatch and karma, Saucelabs, Spinnaker, Travis, AWS, SaSS, CSS/BEM, automating deployment pipelines while leaving room for manual steps and our inhouse / over-the-web greenkeeper.
Check us out on social media:
Facebook: / itnig
Twitter: / itnig
LinkedIn: http://buff.ly/2gHaXGr
Website: http://itnig.net
Visit our blog for more great startup content: https://blog.itnig.net/
We're always looking for talent to join our teams, check out: http://itnig.net/jobs.html
For weekly startup videos subscribe to our channel.
Developing a javascript widget
How to build a javascript widget
Using vue to build a javascript widget
intro to vuejs
using vuejs and vuex
schibsted developer team
schibsted developers
working in schibsted
javascript casy study
intro to building js widget with vue
vue and vuex
using spinnaker for testing
using nightwatchjs