Vuejs Amsterdam 2022

Reading Time: 5 minutes

Amazing speakers, interesting topics, great venue and everything nice – this were the ingredients chosen to create the perfect conference – Vuejs Amsterdam.

Last month me and my coworkers were sent on a mission, to improve our knowledge, become better developers and expand our views. So we decided to visit the best known Vue conference in the world.

The only constant in the technology industry is change

Marc Benioff

So what better way to keep up with that change rather than visiting a conference where the best speakers are gathered with the latest updates and you get to be one of the first people to hear them?

VUEJS AMSTERDAM

Vuejs Amsterdam is an event which took place on 2nd and 3rd of June 2022. According to their website, these were the numbers for those 2 days: 

Number of speakers – 20+ Vue core members
Number of attendees – 1000+ daily
Global audience from 20+ countries

The conference was held in Amsterdam theatre, in one of the most beautiful venues I’ve ever seen. One thing that I liked the most was that there was only one main stage, so we could listen to all the presentations, without having to choose from multiple presentations and multiple stages at the same time. The atmosphere in the venue was amazing. Everybody seemed like they had a great time, participating in interesting trivia games and quizzes and enjoying the wonderful food!

Also, I must say, visiting Amsterdam in such a nice weather was a big plus.

Conference recap

Here are some notes from my favourite speakers and topics:

State of the Vuenion 2022 – Evan You

  • Evan You is the creator of Vue, so I think that this was the best way to open the conference, even though his presentation was remote. The topic that he presented was about the current state of Vue.js, latest news and upcoming changes.
  • So the current state is the following:
    • Since 07.02.2022 Vue 3 is the default version
    • There is a brand new documentation 
    • Vue 3 +70% since default version launch, 4x downloads more than last year, 25% of all Vue downloads
    • Vuetify beta 3 release – May 19th 2022
    • Vue 2.7 – built in composition api (without plugin), moved Vue 2 codebase to Typescript, final minor release for Vue 2, EOL end of 2023

Getting more out of your Pinia stores – Eduardo San Martin Morote (creator of vue-router)

  • Pinia is a Vue store, successor of Vuex 
  • Has great documentation https://pinia.vuejs.org/
  • Vue 2 and Vue 3 compatible
  • Lighter than Vuex
  • Based on the Composition API 
  • Has a huge potential to replace Vuex
  • Here is an example usage:
import { defineStore } from 'pinia'

export const useCounterStore = defineStore('counter', {
  state: () => {
    return { count: 0 }
  },
  actions: {
    increment() {
      this.count++
    },
  },
})
import { useCounterStore } from '@/stores/counter'

export default {
  setup() {
    const counter = useCounterStore()

    counter.count++
    // or using an action instead
    counter.increment()
  },
}

Fast stories powered by Vite: Histoire – Guillaume Thru

  • Histoire is an interactive component playground powered by Vite
  • One of the most memorable moments in the conference was when the speaker changed the repository from private to public, and it was an honour to be present at that moment
  • https://histoire.dev/

Local state and server cache: How to balance them with vue-query – Natalia Tepluhina

  • One of my favourite speakers
  • There were three main questions at the beginning of the presentation
    • How to fetch only when data is not fetched already?
    • How to keep my data up to date?
    • What if two components start fetching simultaneously?
  • The answer to these questions is using vue-query – package which provides hooks for fetching, caching and updating data in Vue
  • The vue-query setup has some really interesting props which can be set for the configuration: 
    • retry – number of times it should refetch if there is an BE error
    • refetchOnWindowFocus – decides if it should refetch the data every time we do a tab switch
    • placeholderData – initial data before fetching
    • staleTime – interval of time while client considers your data being okay and there is no need to fetch it again

Vue 2 to 3 migration – a real life experience – An Phan

  • I think this is the topic that everyone was most interested in, because as Vue developers this is a problem which we are facing or will be facing in the near future.

Conclusion

I think that these kind of events are super important for learning new things, networking, getting inspired and keep up with the technology. On top of that, listening to the Vue core team members was definitely something that I will never forget!

Experiences of FrontendConnect 2019 conference Warsaw, Poland

Reading Time: 4 minutes

INTRODUCTION

Everybody has an open lifetime book full of blank pages, waiting to be filled. We write the story as we go, so back in November 2019, I have started the chapter ‘Frontend conferences’ by attending the FrontendConnect2019 in Warsaw, Poland, thanks to my company N47.

My motivation to choose this conference was the fact that I will gain new knowledge, and exchange practical ways of using frontend frameworks. Despite this, given the fact that there were great speakers from the IT world, I had no doubt choosing this tech event. Duration of the event was three days, one workshop day and two speaking conference days.

WHICH WORKSHOP DID I ATTEND TO?

As I was experienced with Vue.js, I wanted to upgrade the knowledge with Nuxt as their workshop description was “It may take it to the next level, thanks to its convention over configuration approach.” I got a certificate of attendance and completion of “My first Nuxt.js application” by the Vue.js Core Team member Darek ‘Gusto’ Wędrychowski. Coding under the eye of ‘Gusto’ and having a wonderful panorama view of Warsaw in my horizon, was definitely a day well spent.

WHICH PRESENTATION DID I ATTEND TO?

Rich agenda with scheduled talks, thoughts about which ones to choose, moreover similar questions were going through my mind. I attended the ones that caught my eye and were mostly within my interests.

At the beginning of each day, there was a high valued speaker opening the day with their talks. The first day I had to meet and listen to the very appreciated, Douglas Crockford with his JSON Saga.

The second day, there was Minko Gechev, a Google engineer working on the Angular framework with the talk ‘The Future of Front-End Frameworks’.

Some other topics that I attended to were about the state management in a world of hooks, some optimizations of the modern JavaScript applications and loading them instantly, as well as Angular and Vue.js 3.0 topics.

WHAT CAUGHT MY MIND?

Two of my favourite talks were ‘The JSON Saga’ – Douglas Crockford and ‘Vue 3.0 for Library Authors’ – Damian Dulisz.

The JSON Saga

Douglas was retelling the story about how he discovered JSON (JavaScript Object Notation). He explained how he did not invent, but found it in the early 2000s, named it and described its usefulness. JSON is a format for storing data and establishing communication between the servers. He explained how some companies complained and did not want to accept JSON because they were used to XML, and could not consider anything else, at that moment. He mentioned that some of the people denied its usage because of it not being a standard. So, what he did next was buying JSON.org, a website which after a few years spread among the users. After a while, JSON got the support of all languages. He announced that there will be no more changes to JSON because for him there is no feature more important than the stability of JSON.

Vue 3.0 for Library Authors

Getting more in details about this topic and Vue 3.0-alpha version will be covered in my next blog.

THE CULTURE AND ENVIRONMENT IN THE CONFERENCE

Frontend Connect was happening in the theatre of the Palace of Culture and Science in Warsaw, Poland where the history and modern world meet at the same time. It is one of the symbolic icons of Warsaw and the place of the city`s rebirth. There were people from all over the world, and the atmosphere was really friendly. Everybody was discussing the topics and shared their work ethics.

CONCLUSION

Visiting conferences is a really good way to meet new friendly people that you have a lot in common with, as well as having an opportunity to reach out to the speaker if you enjoyed the talk, and discuss what you found interesting. We should always strive for more experiences like this and face new challenges within modern technologies. With that being said, we need to nurture our idea to reach our full potential, in order to make a bigger impact in the IT world.

FrontCon 2019 in Riga, Latvia

Reading Time: 3 minutes

Only a few weeks left until I go to my first tech conference this year. Travelling means for me learning something new. And I like learning. Especially the immersion in a foreign culture and the contact to people of other countries makes me happy.

It’s always time to grow beyond yourself. 🤓

BUT why visit Riga just for a conference? Riga is a beautiful city on the Baltic Sea and the capital of Latvia. Latvia is a small country with the neighbours: Russia, Lithuania, Estonia and the sea. AND it’s a childhood dream of me to get to know this city. 😍

The dream was created by an old computer game named “The Patrician”. It’s a historical trading simulation computer game and my brothers and I loved it. We lost a lot of hours to play it instead of finding a way to hack it. 😅
For this dream, I will take some extra private days to visit Riga and the Country as well. 😇

Preparation

The most important preparation such as flight, hotel, workshop and conference are completed.

Furthermore, I also plan to visit some of the famous Latvian palaces and the Medieval Castle of Riga. I also need some tips for the evenings: restaurants and sightseeings from you. Feel free to share them in the comments. 😊

Some facts about the conference

There are four workshops available on the first day:

  • Serverless apps development for frontend developers
  • Vue state management with vuex
  • From Zero to App: A React Workshop
  • Advanced React Workshop

I chose the workshop with VueJS of course 😏 and I’m really happy to see that I can visit most of the talks in the following days. There are some interesting speeches like “Building resilient frontend architecture”, “AAA 3D graphics” and secure talks and server-less frontend development. Click here for the full list of tracks.

My expectations

Above all, I’m open to events to learn new things. Therefore, I have no great expectations in advance. So I’m looking forward to the

  • VueJS & Reacts parts
  • Visit the speakers from Wix, N26 and SumUp

I’m particularly curious about the open spaces between the speeches. I will be glad to have some great talks with the guys. 🤩

For my private trips:

That’s all for now

to be continued…