Our conference included small sessions of 30min each, delivered by speakers from all over the world. In order to ease the participation from all over the world we chose to start the conference at 11:30 (GMT).
Hour
Speaker
Talk
11:30 GMT
Karan Balkar
Developing Touchless Apps that Talk! [Intermediate]
During the last year and a half due to COVID-19 pandemic, a lot of companies, restaurants, airports felt the need to develop touchless apps to make the overall experience contact-free. Also, it is believed that touchless technology is one of the best ways to deal with this issue. They are slowly becoming the new norm in offices across the globe.
12:00 GMT
Matteo Frana
React Bricks: a CMS with Visual Editing for Next.js and Gatsby based on React Components [Intermediate]
Headless CMSs are great for Developers but not for Content creators. React Bricks makes the Content creators’ dream come true: a visual editor with your own design system. And it is a pure fun for Devs, because it is just React, backed by solid SaaS APIs. I’ll show you how it works!
12:30 GMT
Quick Apps: Minimum Time-To-Market, Maximum UX [Intermediate]
Quick App is a new framework based on the W3C MiniApp standards, a new concept of light applications that do not require installation and offer native user interfaces. This talk presents Quick Apps as a platform for hybrid mobile application development, based on the front-end web technology stack (JS, CSS, HTML) and the MVVM architecture. It enables developers to create “light” applications more efficiently, using built-in components and advanced access to a host devices’ native resources like the calendar or running the app in the background, with just 20% of code compared to Android apps. Quick apps allow developers to deliver products and services with compressed time-to-market. The framework offers services and APIs for product lifecycle management, including promotion, user acquisition, monetization, user retention. All packaged in less than 1MB.
13:00 GMT
Haim Michael
Object Oriented Programming Best Practices
As of ES6 (ECMAScript 2016) JavaScript allows us to define classes, define classes that extend others, use the super keyword for calling a function that was overridden, define private variables and functions, and define getters and setters (AKA Properties in other programming languages). This session is not about how to use these capabilities (though a short overview is included). This session is about how to use them properly and how to do so in the light of the well-known SOLID design principles.
13:30 GMT
Lunch Break
Lunch Break
14:00 GMT
Micro-Frontends with Module Federation [Intermediate]
Module Federation is a plug-in of WebPack 5 that allows to share JavaScript code across projects. One of the most known use cases of Module Federation is Micro-Frontends composition. However composition is not the only challenge building Micro-Frontend, with this talk we are getting into the main challenges of this architecture and how to implement viable solutions with Module Federation.
14:30 GMT
Zain Sajjad
Benchmarking bundlers: Rollup vs. Parcel vs. Webpack [Intermediate]
Bundlers serve as a cornerstone technology for all modern web apps — or, more specifically, all JavaScript apps. As the frontend world progressed with more client-side-rendered apps, ideas began to emerge about how to efficiently bundle our tons of JS. Cognitively, as the number of options increase, selection becomes difficult. Here, we will analyze the tech and non-tech competencies of the top bundlers available today to make your decision easy and well informed.
15:00 GMT
Motti Bechhofer
Trace-Based Testing with OpenTelemetry: Meet Open Source Malabi [Intermediate]
Companies these days use distributed tracing for critical functions such as performance monitoring and troubleshooting, allowing DevOps, developers, and SREs to find and fix issues in production after they happen. But here is the thing, they don’t use tracing to its full potential. There is another use case for tracing data, and that is trace-based testing. This new method allows you to improve assertion capabilities by leveraging traces data and make it accessible while setting your expectations from a test. We will introduce you to a new open-source called Malabi – a Javascript framework based on OpenTelemetry that allows you to easily use trace data to take your assertion capabilities to the next level. By the end of this session, you will know how to use this method to increase your tests’ reliability and possibly prevent issues early in the development cycle.
15:30 GMT
Dr. Richard Plotkin
Performance-Oriented Architecture for Large Frontend Teams [Intermediate]
From the start, an enterprise project with a large team of developers and an even larger set of requirements faces a performance challenge. Developers will have a variety of skill levels, product requirements will change, and well-meaning code can grow until it sinks an application’s ability to perform well. A robust, performance-oriented architecture should maintain flexibility for the development process while securing an application against creeping performance bottlenecks, such as poor page load times and rendering deficiencies. Page load and rendering performance is achieved, in part, by adhering to a novel “bridging-façade” pattern, in which a module acts as both a bridge over an otherwise-uncrossable chasm between a data store and its related UI components, and as a façade for the store. A bridging-façade for each application feature enforces a developer-friendly separation of concerns, ensuring consistent code-splitting for both the data store and the UI components. Additionally, the architecture is not limited to a particular UI framework, and encourages achievable, enterprise-level code sharing; the example I will present shows the architecture working with a Redux data store that is shared by an Angular app and a React app (and, in this case, within the same Nx monorepo).
16:00 GMT
Second Break
Small Break
16:30 GMT
Andrew Desmarais
Immutable Web Applications [Intermediate]
Immutable Web Applications is a framework-agnostic methodology for building and deploying static single-page applications that: – Minimizes risk and complexity of live releases. – Simplifies and maximizes caching. – Minimizes the need for servers and administration of runtime environments. – Enables continuous delivery through simple, flexible, atomic deployments. The goal is that you can take this methodology home with you an immediately put it into practice with your deployment process!
17:00 GMT
Riaz Virani
Everything You Ever Wanted To Know About Cross-Browser Web Extensions [Intermediate]
Browser vendors have done an amazing job over the years in standardizing JS and CSS APIs so that you can focus on what matters, your business logic. Now it’s time for browser extensions. Those are the little apps you can install in your browser to enhance your productivity, i.e. Grammarly, Honey, 1Password, etc. The Web Extensions specification is still in development; however, a lot of it is already standardized. Come learn where we are in the process. How easily or not can we write one extension that we can use across major browsers?
17:30 GMT
Nikos Vasileiou
Transifex Native: Localization without Files for Modern Web Apps [Beginners]
Software localization has always been a pain point for developers dealing with translation files, bundling code and continuously deploying new releases. What if there was a simpler way to deal with localization, a way that developers would love to work with? The session is about exploring the current landscape in Javascript localization, and introduction to Transifex Native, a unified and simple way to localize web apps, by managing content in the cloud, without dealing with files or complex release cycles. Exotic localization workflows will be demonstrated by focusing on React application development as a case study.
18:00 GMT
Javier Luraschi
Artificial Intelligence with JavaScript [Intermediate]
Currently, Artificial Intelligence is predominantly done in Python, but why and could JavaScript play a significant role in advancing AI? Spoiler alert, yes! We believe that JS vibrant community, ecosystem, tools and technologies are in collision course to take AI to new levels. This talk will explore what makes a programming language great for AI, the technologies available in JS that can power AI, and the libraries available to us today to build world-class AI solutions that are also easy and fun to build.