• sthlm.js #65 Online at Acast

    Online event

    We're excited to announce sthlm.js #65 that we're organizing together with our friends at Acast (https://www.acast.com/)! 🚤 This time around we're trying something a bit new. As we can't meet in person due to the ongoing Covid-19 situation we will be bringing this meetup directly to you at home, with our first *ONLINE* meetup! Acast will host us via Zoom (https://zoom.us/). The set up remains the same - we will have two talks and you will still get to ask questions to our great speakers through the chat function. **Link to the event will be sent out to you as a message 24 hours before the event so check your inbox!** Schedule: 🌯 18:00 - "Doors" open and introduction 🚀 18.10 - Talk #1 Decibel: Acast’s design system - By Antoine Lehurt For the past few years, on the Internet or in your favourite podcasts, you might have heard about "design systems.", a collection of reusable UI elements and guiding principles. It helps teams to build products faster while keeping consistent user experience. A year and a half ago, we started to work on Decibel, our design system. In this talk, we'll cover different areas of our journey to build it and the lessons we learned. From our collaboration model to the tech stack, accessibility and developer experience. ⚡️18:50 - Intermission so you can grab another drink 📚 19.00 - Talk #2 How I'm building my own testing framework - By Albin Groen Our websites and web apps are becoming bigger and bigger for each day. How do we make sure they don't break visually after finally releasing a feature that we've been working on for a long time. We all know how fragile CSS can be sometimes and how an entire page can break because of a missing dot before a header tag in a CSS document. When starting my new job I got to work a lot on the public-facing marketing page, built-in React and CSS modules. Visuals breaking on unexpected places happened every now and then, only to be discovered after deploying to live. In this presentation I'll talk with you about how I started building my own visual testing framework using Javascript to solve this. 🚶‍♂️ 20.00 - Doors close

    16
  • sthlm.js #64 at Developers Bay

    Developers Bay

    We're excited to announce sthlm.js #64 that we're organizing together with our friends at Developers Bay (https://developersbay.se/)! 🚤 This time around we're trying something new. This meetup will be a rerun of the popular sthlm.js #54 (with the same talks 🤯). So if you attended that one please give up your seat to someone that couldn't make it last time. Schedule: 🌯 18:00 - Doors open, food and drinks 🚀 18.30 - Talk #1 What happens after React? JavaScript frameworks of the future - By Jesper Bylund Everything is either react or reactive since a few years back. And while we don't need more JS frameworks the general progress of tech begs the question: how can we improve beyond react? I think Svelte is that future, and I'll introduce you to what it is and why it might be the future for JS. 📚 19.15 - Talk #2 Introduction to Kotlin/JS for frontend development - By Erik Hellman Is there room for another alternative to JavaScript these days when TypeScript covers all the needs we have of a modern, type-safe language? Kotlin was unveiled by JetBrains in 2011 as an alternative to Java on the JVM, and has since evolved to include Android, native (including iOS), and JavaScript (node or browser). In this talk I will introduce the Kotlin language to frontend developers and demonstrate the pros and cons to using this for your next project. We'll learn about the unique features of Kotlin, how it deals with concurrency, and how the JavaScript can be a compile target using Kotlin/JS. ⚡️20.00 - Let's mingle 🚶‍♂️ 21.00 - Doors close

  • sthlm.js #63 at Klarna

    Sveavägen 46

    The fully packed year continues with a sthlm.js meetup at our friends at Klarna! The evening will be documented with video and photos, so make sure that you read through the Declaration of consent below 🤓 🍽 18:00 - Doors open, food and drinks are served 💬 18:30 - Building a Language 🎤 Leandro Ostera - https://twitter.com/leostera WARNING: This talk is not for the faint of heart and may include math. HTML, CSS, Javascript, ES6, TypeScript, Sass, Reason...so many languages around us help build the Web. But, how are these languages made? And more importantly, how does one go about building one? Join me and let's explore together how to build a language from scratch! Tinkering with its syntax, semantics, and compiler, we'll learn what it takes to build a language and what cultural values are encoded in it. 💪 19:10 - Just do it! 🎤 Winner Crespo - Software engineer at Klarna https://twitter.com/winnercrespo When was the last time you had an exciting idea but after a while you convinced yourself not to do it or just forgot about it? If to be in a better position I have to get out of my comfort zone, I used not to do it. Learning something new, creating a side project, applying to my dreamed job used to be the things that excited me for a moment but since I was just fine, I used not to go for them. In this talk, I will share my "Just do it" mentality, which has taken me to do things I never imagined before and to achieve other things that I thought were almost impossible to me. ⚡️20.00 - Let's mingle 🚶‍♂️ 21.00 - Doors close ---- Declaration of consent for photo and/or film recordings By clicking on “Attend” I agree that during this sthlm.js meetup, Klarna GmbH and Klarna AB will take pictures and/or videos of the attendees and for publication in closed groups or platforms such as Meetup, Eventbrite, LinkedIn and may also be saved for this purpose. I am aware of the fact that photos and/or videos can be accessed on the Internet by any person. Despite all technical precautions, it cannot be ruled out that such persons may use the photos and/or videos or pass them on to other persons. This declaration of consent is voluntary and can be revoked by Klarna at any time with effect for the future. If the recordings are available on the Internet, they will be removed insofar as this is possible for the organiser.

    19
  • sthlm.js #62 at Jfokus 2020

    Stockholm Waterfront Congress Centre

    The wonderful organizers of the Jfokus conference (https://www.jfokus.se/) generously let us borrow their venue and top-notch speakers to host our 62nd meetup. THANKS! The meetup will be at Stockholm Waterfront Congress Centre in room C1 on level 2. Schedule: 💥 18.30 - Doors open, food and drinks will be served ⚡️ 19.00 - Stencil 101: introduction to a web components library like no other By Horacio Gonzalez - https://twitter.com/LostInBrittany What's Stencil? Yet another Web Components library? But why Web Components? Why do I need another thing that React/Vue/Angular/NewShinyFramework? And even if I needed Web Components, why Stencil? 😠 Every time I introduce somebody to Stencil I get the same initial reaction. Then I begin to tell the story of Stencil, and Ionic, and why Web Components make sense in this case, as in many others. Usually, it's enough to get people interested because most developers have endured the kind of problems that made the Ionic team create Stencil. I continue by explaining how Stencil is different from other Web Components libraries, how it's a compiler to generate Web Components (more specifically, Custom Elements), how does it includes wonderful features like Virtual DOM, Async rendering, Reactive data-binding or JSX, and bakes them in fully standard Custom Elements that you can use in your React/Vue/Angular/NewShinyFramework apps but also on plain old HTML pages. And, of course, how the developer experience is one of the smoothest I have found these last years. By then most people are really excited about Stencil. To be fair, it isn't my speaker qualities that get them so pumped up (I would love to have such power!) but the quality of the product, as Stencil is one of the best-known secrets of today web development. So if you want to discover it, come to the talk 😉. I sincerely think in the end you will also say I ❤️ Stencil.

    1
  • sthlm.js #61 at Dreams

    Dreams Nordic AB

    It's time for the first sthlm.js of the new decade and this time we're very happy to have Dreams (https://getdreams.com) as host of the meetup! 🍽 18:00 - Doors open, food and drinks 🧠 18:30 - Improve your performance as a developer by understanding your brain 🎤 Stina Söderqvist, Science & Insights manager Dreams / Cognitive scientist, PhD Everything we do in life is dependent on the functioning of our brains. Working as a developer particularly relies on our cognitive capacities, such as attention, working memory and reasoning abilities. In this talk I will give an introduction to how these processes function in the brain and how having an understanding of this can help you in your work as a developer. 🔦 19:10 - Performance tooling and monitoring with Lighthouse CLI and Lighthouse Server 🎤 Vinicius Dallacqua - https://twitter.com/webtwitr Since last introduced, Lighthouse has come a long way. Now with several integration options, from the original Chrome tab, to online solutions and CI integrations, Lighthouse is a major help with your performance governance goals. On this talk we will cover how can you integrate Lighthouse Server onto your CI server and have deeper insight onto your performance progressions and regressions with the help of Lighthouse CLI. ⚡️20.00 - Let's mingle 🚶‍♂️ 21.00 - Doors close

    4
  • sthlm.js #60 at Antler

    WeWork Urban Escape

    It's time for another sthlm.js and this time we're very happy to have Antler (https://www.antler.co) as host of the meetup! 17:30 – Doors open, food and drinks 🍽 18:00 – A quick hello from our sponsors 18:10 – Welcome to the Future! Saving the human race with gusto, antigravity and GraphQL! – Joris van de Donk When GraphQL burst onto the scene, we were promised salvation from various evils, such as the necessity to make multiple round-trip requests to our backends to be able to render our slick UIs. We were promised a developer experience nothing else could match. And yet, few have dared to try and tame the beast... Now that the Earth is getting colder and more difficult to inhabit every single day, we must put our fears aside, be brave, and ask ourselves the question: can GraphQL save the human race from utter extinction? Together, we shall examine GraphQL's various features in an attempt to answer this exact question. No pressure! 18:45 – Music 101 with JS Bach – Craig Spence 🎶 MUSIC 🎶 is a powerful, dynamic programming language, which can be used to create truly transformative experiences! Unfortunately, it’s been hindered by convoluted syntax and centuries of technical debt, which can lead to some performance issues… 🎷🎺🎻 Let’s tear music apart, and use a little bit of physics 🏹, a little bit of math 📊, and a whole lot of JavaScript 💻 to re-invent the building blocks of the greatest hits of the last 400 years 🎹! Together we will re-implement the primitive components of musical theory, like pitch ⚾️, rhythm 🥁 and harmony 🎤, and discover yet another reason to prefer composition over inheritance. 19.15 – Let's mingle 20.00 – Doors close

    6
  • sthlm.js #59 at Milkywire

    Milkywire AB

    It's time for another sthlm.js and this time we're very happy to have Milkywire (https://www.milkywire.com/) as host of the meetup! 🍽 18:00 - Doors open, food and drinks ❤️ 18:30 - React Native performance - A love–hate relationship 🎤 Daniel Lundin & Jacob Sievers React Native promises native performance while staying cross platform - a dream come true! However, it may be stretching the truth. We share our experiences in designing a performant app and share common pitfalls that you are unlikely to find anywhere in the docs. 🧩 19:10 - Zero-dependency front-end components with web components 🎤 Eric Selin Web components enable you to create custom, reusable and encapsulated components based entirely on existing web platform standards (such as, you know, HTML). These standards are implemented in all major browsers and thus require no build steps or external libraries. So come explore what can be accomplished natively in the browser! ⚡️20.00 - Let's mingle 🚶‍♂️ 21.00 - Doors close

    6
  • sthlm.js #58 at Developers Bay

    Developers Bay

    We're excited to announce sthlm.js #58 that we're organizing together with our friends at Developers Bay (https://developersbay.se/)! ⛵️ Schedule: 🌯 18:00 - Doors open, food and drinks 🚀 18.30 - Talk #1 What happens after React? Javascript frameworks of the future - By Jesper Bylund Everything is either react or reactive since a few years back. And while we don't need more JS frameworks the general progress of tech begs the question: how can we improve beyond react? I think Svelte is that future, and I'll introduce you to what it is and why it might be the future for JS. 📚 19.15 - Talk #2 Introduction to Kotlin/JS for frontend development - By Erik Hellman Is there room for another alternative to JavaScript these days when TypeScript covers all the needs we have of a modern, type-safe language? Kotlin was unveiled by JetBrains in 2011 as an alternative to Java on the JVM, and has since evolved to include Android, native (including iOS), and JavaScript (node or browser). In this talk I will introduce the Kotlin language to frontend developers and demonstrate the pros and cons to using this for your next project. We'll learn about the unique features of Kotlin, how it deals with concurrency, and how the JavaScript can be a compile target using Kotlin/JS. ⚡️20.00 - Let's mingle 🚶‍♂️ 21.00 - Doors close

    28
  • sthlm.js #57 at R2M

    R2M

    We're excited to announce that we this time will be visiting R2M's very central office. R2M (https://r2m.se) is a consultancy company that has been around for almost as long as Javascript, w o w 🤯😄 Schedule: 🌯 18:00 - Doors open. Food & drinks are served. 🛠 18:30 - No more “yolo-force-push-to-master” - Sara Wallebo, R2M This is a story of how I learned to love the practices that once annoyed me and how I now welcome any tool that improves my developer workflow. I will share my experiences from working as a consultant in two projects which were opposites in regards of their tool chains. Finally, I will share some of my favorite tools. ⚡️ 18:50 - Hooking React developers - lightning talk by Oliver Dolan http://oliverdolan.com My perspective on hiring JavaScript engineers in Stockholm's talent pool and how you can interview more efficiently. 🧩 19:00 - Type-Driven Development with ReasonML - Leandro Ostera https://twitter.com/leostera How to do awesome domain modeling with abstraction and types in ReasonML that keeps you productive and helps refactor. 🤩 BONUS! ~20 minutes interactive exploration of solving a problem with ReasonML

  • sthlm.js #56 at Mentimeter

    Mentimeter

    It's finally autumn and time for the first sthlm.js of this season! We're excited to announce that we this time will be at Mentimeters awesome office (https://www.mentimeter.com) at Kungsholmen. Mentimeter is a easy-to-use presentation software for leaders, educators, and speakers that’s interactive, engaging and fun. Schedule: 🍽 18:00 - Doors open. Food & drinks are served. 👩‍🔬 18:30 - How does sthlm test their JS? - Christofer Olaison, Mentimeter In this talk, we will go through different types of testing with a focus on integration and E2E using React, Jest and Cypress. We’ll also dig into how we in Stockholm test our code. Welcome! 💄 18:50 - Expanding a design system beyond web and apps - Victor Larsson, Mentimeter At Mentimeter, we have a technical approach to design and have invested time into a design system for our products. Beyond the products, we use our design system in both fun and serious ways, from office signs to sales quotes. This talk describes how we created a design system that scales to our users all our departments. 📚 19:00 - Using Storybook to ship components with confidence - Jonny Strömberg & Johannes Edelstam, Confetti We're a small team building quite a large product at Confetti (https://confetti.events). The number of views, UI elements and different states are growing every day. Storybook provides a sandbox to build UI components in isolation so you can see all your components at one place. It also makes it much easier to develop and design for hard-to-reach states and edge cases.

    3