February 2020 Summaries

I'm joining the Developer Relations team at Nexmo/Vonage, excited to be part of a company that values innovation and community building. I grew up as a Russian Jewish immigrant in Saint Louis, USA, which instilled in me an awareness of how people form groups and identities. After completing a programming bootcamp in 2016, I struggled to break into the tech industry but eventually landed a job at Le Wagon in Tel Aviv, where I taught code and built a community. My experience has provided numerous "Aha!" moments, including discovering my passion for developer advocacy and community building. I now call Tel Aviv home, where I can meet and learn from top startup founders and enjoy the city's beautiful beaches.

Vue.js is a progressive JavaScript framework that has gained popularity for its approachability, versatility, and performance. The author of this article recently switched their Nexmo Developer Portal to use Vue.js, and explored the Nuxt.js ecosystem further. Nuxt.js is a modular Vue.js framework that simplifies setting up production applications by handling history mode in URLs and providing middleware out of the box. The author used Nuxt.js server middleware to send and receive SMS messages using the Nexmo SMS API. They created an endpoint to send SMS messages, set up a webhook to receive incoming messages, and added a WebSocket client to display received messages in real-time. The article provides a step-by-step guide on how to implement this functionality with Vue.js and Nuxt.js.

To load older messages from the conversation using the Vonage Conversation Client SDK, you need to create a Vonage Application with RTC capabilities, a Vonage Conversation, and a user. You then generate a token for the user and configure the application. The demo app uses infinite scrolling to display historical messages as the user scrolls through the message history. To implement this feature, you add an event listener to detect when the user reaches the oldest message at the top of the message list. When this happens, you load the next page of events by calling the `getNext` method on the last loaded page's object and update the message feed with the new messages. Additionally, you store the scroll height before and after updating the message feed to fix the position where the user was in the channel's message history.