List of videos

Francesco Leardini Senior consultant & Angular Trainer @ Trivadis We have new powerful instruments to leverage current web apps and provide a richer experience to our users. With the aim of modern web APIs, it is possible to design completely new functionalities and explore unique technological combinations, changing the way we develop and interact with web apps. We can directly use hardware devices and just through our browser! Let’s explore some of the most exciting APIs and see how we can combine them to unlock new scenarios and give superpowers to our web apps Other talks at this conference 🚀🪐 https://www.conf42.com​/js2021 — 0:00 Intro 0:26 Talk

Michael Haberman CTO @ Aspecto Tracing and observability are becoming very popular as microservices are getting more and more complex. The idea behind it is the fact that microservices are distributed and in order to better understand our architecture and to be able to troubleshoot production issues faster, we need to track how requests are populated throughout the system. By monitoring the interactions between the different services we are able to overcome some of the native complexity of microservices. In this talk, we will review the concept of tracing by examining the opensource project OpenTelemetry and specifically its node.js version. We will also cover how to utilize opensource solutions, along with commercial products, to get the most out of tracing data OpenTelemetry collects. Other talks at this conference 🚀🪐 https://www.conf42.com​/js2021 — 0:00 Intro 0:26 Talk

Tomasz Krajewski Tech Lead @ Frontend House Let’s talk about Micro Frontends. Why is the topic useful? It gives a different approach to how to deal with the modularisation in our apps, so it’s worth knowing how to deal with it in different ways. First I will speak about software architecture and present two approaches - the monolith and the distributed one. I will tell what it is all about and show their pros and cons. Then I’m going to speak about micro frontends (what exactly they are, popular micro frontend frameworks), and discuss why we might use them (issues: independent development teams, technology migration, reusable micro apps, unified design system across platform). I will also present some big brands that are using micro frontends. At the end I will summarize everything and I hope you will enjoy the whole show. Other talks at this conference 🚀🪐 https://www.conf42.com​/js2021 — 0:00 Intro 0:26 Talk

Azizi Yazit GUI Architect @ Trovicor Intelligence I will start talking about design system and the benefits of it. And I will talk about micro-frontend and when it is make sense to be adapted. The simple design system can’t support for Architecture like micro-frontend as the applications might be build by using different technologies and frameworks. The solution is to develop your design system using Provider-Consumer approach and uses the flexible component patterns like Headless UI and Compound Component. Other talks at this conference 🚀🪐 https://www.conf42.com​/js2021 — 0:00 Intro 0:26 Talk

Trishul Goel Principal Engineer @ Westwing In the modern app architecture, the frontend contributes a major chunk of the setup, most of the business logic is housed in the Frontend. Over time the frontend app becomes a huge monolith, harder to maintain, tricker to add new features, etc. With Microfrontends we break this monolith into smaller independent apps. These apps are developed independently but stitched as a SPA on the fly with all the goodies of client-side javascript. This has been done traditionally with several approaches, but with webpack 5 we now have module federation, which opens the door for seamless Microfrontend integrations. In this talk, we will discuss the complete Microfrontends architecture pattern, how to destructure an existing monolith into Microfrontends with help of module federation from webpack 5. By the end of this talk, the attendees will be having a new vision of how they architect their frontends. Other talks at this conference 🚀🪐 https://www.conf42.com​/js2021 — 0:00 Intro 0:26 Talk

Assaf Krintza Co-Founder @ Livecycle React is a great tool for writing dynamic single page applications in a declarative way. But, in order to enjoy the benefits of the declarative programming style of React, under the hood a tree comparison algorithm known as the Reconciliation Algorithm runs on each state or prop update. While the algorithm is very performant and effective, it does have performance impact, and sometimes stepping out of the reconciliation loop is the better choice. When writing code in React there is sometimes a tendency to try and solve every problem in the application using React’s APIs, usually by searching for a specific library written with React. For example, you want to implement drag and drop? No problem - just DuckDuckGo “”React Drag and Drop Library”” and pick one of the many libraries out there. But sometimes, using React’s state and prop updates is not the best choice to handle things. React’s reconciliation algorithm triggering comes with a cost and in order to create fast and responsive web applications we should take that into account. In this talk we will learn all about the reconciliation algorithm. What triggers it, and more importantly when and how to avoid it. Other talks at this conference 🚀🪐 https://www.conf42.com​/js2021 — 0:00 Intro 0:26 Talk

Atila Fassina Lead Frontend Engineer @ SAP JavaScript is not single-threaded anymore. And there is much we can learn from it has been a while. But we are still leaving all the processing in the same thread that we render things. Let’s have a look on how we can do it better. By leveraging multi-threads we can ensure the User Experience will not ever be jeopardized by any computing and processing we perform, since as blocking as each task could be: they will still be contained within their own thread. Therefore, rendering performance will never drop below the idea rate. Other talks at this conference 🚀🪐 https://www.conf42.com​/js2021 — 0:00 Intro 0:26 Talk

Tamas Piros Senior Developer Experience Engineer @ Cloudinary Browser and Web APIs along with JavaScript have seen an incredible amount of development and enhancement over the past decade, however they still have certain limitations. With the rise of Web Assembly we can very easily enhance JavaScript and give our application(s) access to low-level processing and potentially transform web experiences. By the end of the talk attendees will have a throughout understanding of Web Assembly, and why it’s such a great option for extending the capabilities of the browser and JavaScript via two real life examples where one project was brought from C++ to JavaScript and the other was a brand new project simple leveraging the capabilities of Go within a JavaScript context - both to work with images on the web. Other talks at this conference 🚀🪐 https://www.conf42.com​/js2021 — 0:00 Intro 0:26 Talk

Dmitry Vinnik Developer Advocate @ Facebook It is safe to say that Selenium WebDriver is the number one testing tool for many software engineers across the globe. However, as the tech world has been growing rapidly, so has the testing industry. More and more UI testing frameworks besides Selenium are gaining popularity. These new test frameworks are especially appealing to its users because of the promise to solve speed, maintenance, development and other concerns of WebDriver implementations. These new, non-Selenium frameworks emphasize Rapid Test Development practices, and it has been resonating with the development community. In this talk, we dive into test solutions evolved from Selenium like Protractor, and talk about non-Selenium frameworks like TestCafe and Cypress.io. We discuss why these new tools are gaining popularity and continue to disrupt the traditional testing standards of Selenium WebDriver. More importantly, we address how to get started and what mistakes to avoid when first implementing TestCafe or Cypress.io in your team. Other talks at this conference 🚀🪐 https://www.conf42.com​/js2021 — 0:00 Intro 0:26 Talk