On Wednesday morning I arrived to the hotel where an amazing breakfast spread was laid out and then it was straight into the workshops. I had chosen to attend the webpack workshop as I really wanted to improve my webpack skills especially seen as we are using it for our frontend projects in Bluekiri.
The workshop was amazing. Lead by webpack core member Sean T. Larkin as well as Johannes Ewald and Juho Vepsäläinen. Pretty cool to have 3 webpack core members in the same room. We learnt a lot including how webpack works, how to write custom plugins, how to see what percentage of JS is not used and most importantly how to code split so that you only ship the JS that you actually need at runtime hugely improving your web’s performance. I was surprised at how easy it was to add these features and I feel we learnt a lot in a short space of time.
It was pretty fast and hard work trying to keep up with coding along at a live workshop but the core members of webpack were brilliant and came to rescue when I needed them. It really was such a great workshop that I was quite sad when it ended. Actually I think even Sean would have went on for longer if it were possible. He has such a passion for webpack and I felt he could have talked about it all day.
On Thursday the conference started with over 500 developers from all around the world. The venue was really cool and I had a nice spot near the front and even made a few friends too. People in tech are just so nice and friendly that you just always feel at home around them.
Of course some more webpack talks from Sean T. Larkin where he told us about what the plans were for webpack’s future with some great things coming for css including css as a module type and code splitting for css and maybe even the end for css/url/file loader. Webpack definitely is one to watch and is just getting better and better.
We then had talks on shadow DOM which isolates component internals so css is scoped meaning no more global css.
A great introduction to Vue Routing from Shopify’s Hassan Djirdeh where we were shown how simple it is to set up a Vue app with nested routes. This was my first intro to Vue and I was quite impressed with how easy it is to use and understand.
Although something I don’t think I will be building but the Electron Desktop app was pretty cool and Anuj Nair from Slack showed us how simple it is to create one by showing us the Slack desktop architecture. This would for sure be something cool to create and play around with.
Thursday night I had the pleasure of attending the meetup held by a company called Marfeel whose offices I have to say were just pretty amazing and the people that work there were so welcoming and friendly. So what do you do when you are waiting for a meetup to start? At Marfeel Labs you drink beer and shoot rockets at each other. Such a fun battle and I have no idea why everyone seemed to want to hit me with the rockets. :) The meetup was about Vue and webpack and was lead by Ed, one of the Vue core members and Sean T. Larkin from webpack.
Normally when one goes to a meetup they expect an hour and a half perhaps. Well we got 4 hours of their time. I have to say it was the most entertaining meetup I have ever been too. Sean T. Larkin and Ed just bounced off each other and live coded an app with the Vue Cli and Sean T. Larkin then showed us how we could code split it for better performance so that you don’t ship all your code upfront especially when not needed. It was so much fun but also I feel I learnt a lot from it as anytime we had questions they were answered by giving us an example while live coding. You really can’t ask for more than that.
It was very very hot in Marfeel Labs that evening with 100 people in a room and nobody wanting the meetup to end. The staff at Marfeel Labs were amazing and kept coming around with ice code cans of beer and coke making sure we were fully hydrated and with pizzas after the event well we just stayed even longer chatting with everyone. A really great networking event that ended extremely late but was worth every second.
Definitely the most entertaining talk was that of Martin Splitt from Google who reminded us that the web is large and that google sees over 160 trillion documents on the web. He showed us how to best add markup to our page and how to check if your page is mobile friendly.
Elisabeth Engel talk where where I company = 1 website stood out to me a lot as it’s something we are working hard to achieve on one of our projects. She introduced micro frontends to us
I loved Jerry Gabra from npm on how important UX design is and Style guides but also that Perfect is the enemy of Done. I think this is a big problem we are having right now. Trying to be perfect means you never things are never actually done and done is so much better than perfect (once it works properly of course).
We finished off with some more Vue components and data binding with the v-modal and how object properties that match Props get bound as Props.
And there were other amazing speakers too plus a deep dive into JS sessions, so much to do and take in. It really was a very intense but amazing few days and great organisation from David Pich Canes and all the team from JSCamp 2018. I look forward to attending again next year and meeting up with everyone again.