Discover the future of the JavaScript development ecosystem and get connected to its stellar crowd! Attend JSNation Live, a 3-day conference on all things JS, gathering international software engineers in the cloud.

JSNation Live

JSNation Live 2020

Many modern web frameworks use components as their building blocks. In this talk, I will show component testing using Cypress - and I mean "show" literally. You will see the component running inside a real browser, you will interact with the component like a real user, and you can debug the component using the real browser's DevTools. Finally, I will go through the current open source and commercial options for visually testing the component's styles and rendering. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

I See What is Going on: Visual Testing for Your Components

Gleb Bahmutov

In this talk I’ll show how we can use a combination of GraphQL SDL along with a new DSL (GraphQL Transform) created the Amplify team to build out a full stack cloud application directly from your GraphQL schema. Using this GraphQL DSL, we’ll walk through how to model a Database, authorization rules, relationships, and custom access patterns. We’ll look at how to rapidly prototype an example application, and view some demos including a voting app capable of handling over 100,000 operations per second. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

Transforming GraphQL – Infrastructure as Code for Front End Developers

Nader Dabit

In my journey through nodeland, I always wonder about the cost of my abstractions. I started a journey to write an HTTP framework with extremely low overhead, and Fastify was born. With its ability to reach an astonishing 90k requests/sec, Fastify can halve your cloud server bill. In this talk, I will walk you through the basics of the framework: how to route requests, write tests, and use the plugin system. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

1, 2, 3... Fastify!

Matteo Collina

Microfrontends as Monolith? Shared component library or styleguide? This technique allows to consume modules from separate builds, which can be developed and deployed independently. An introduction, and further ideas. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

Module Federation in Webpack 5

Tobias Koppers

In this session, I am going to share my story on how I started coding, how I make time to work on side projects and how you can grow and advance in your career. After this talk, I hope you'll be inspired to work smarter, make new habits and continue pushing yourself even when things fall apart. I will present some helpful tips about self-motivation, time management, setting priorities and goals, staying organized, believing in yourself and keeping a balance between your career and personal life. Additionally, in this session, we are going to talk about building the habit of coding and the benefits of it. We are going to explore ways of finding mentors in your job and outside of it and also expanding your social network. This talk is not only about getting better at your 9 to 5 job but also about developing yourself. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

When You Think There Is No Time for Learning or Coding

Eleftheria Batsou

With Hasura Remote Joins, you can join your table data with a Stripe API or Github API or any GraphQL API. Without writing a single line of code. Using GraphQL's amazing type system combined with Hasura's declarative configuration, you can create relationships across tables and other services and get a beautiful unified API. In a single call, get all the data necessary for building your apps from anywhere in the world. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

Using Remote Joins to Create a Unified GraphQL API for Your Company

Tanmai Gopal

In this talk, Pablo Postigo, co-Founder and CEO of Frontity, will give an introduction to the basics of Frontity Framework and talk about the main challenges when developing a React front-end for a headless WordPress site. In addition, he will share his insight on the future of JavaScript in the WordPress ecosystem and the story behind Frontity. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

Building React frontends for WordPress

Pablo Postigo

In this talk, I'd go through the Evolution of JavaScript Tooling and frontend build tools, Javascript itself and the future of them all. Also, Babel and other build tools, what they might most likely be in the future. Also, I'd talk about javascript itself as a language, it's present and it's future. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

Javascript Tooling - The Evolution and Future of JS & Front-end Build Tools

Shedrack Akintayo

Do you scroll through TikTok, amazed at the goofy, yet complicated dance moves featuring today's youths? Those kids are popping off while you're sitting around, coding SQL queries. Fortunately, we are technologists, and there's no problem we can't solve, including getting better at TikTok dancing. In this talk, I'll show you how I perfected my moves building PoseDance, your friendly TikTok trainer. We'll discuss how I leveraged PoseNet, which allows you to pinpoint body motion and draw a 'skeleton' on a video. Combined with a webcam mapping your own dance skeleton, a bit of math to compare the matching points, Azure functions to authenticate a user, and PlayFab as a game-friendly backend to keep scores and create a leaderboard, you've got the perfect quarantine pastime, making a perfect fool of yourself in front of a webcam. Come dance with me! <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

PoseDance: Build a TikTok Trainer

Jen Looper

You've built an app and you want it to scale. Do you want CI/CD, custom domains, SSL certificates, APIs, global scale of your static assets, authentication, and authorization? Let's learn how to build a static web app on Azure and go from GitHub repo to global scale in minutes. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

From Code to Scale! Build a Static Web App in Minutes

John Papa

Composition API is one of the biggest new features in Vue 3. In this talk, I will explain what is it and how to use Composition API for code abstraction and reuse. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

Composition API: a Quick overVue

Natalia Tepluhina

TypeScript is becoming one of the dominant ways in which people write JavaScript. The goal of TypeScript is to augment and not replace JavaScript – so how does the team ensure that the future of JS is always JS. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

How Does the TypeScript Team Try to Avoid Negative Effects on the JS Ecosystem

Orta Therox

Modern JavaScript is powerful, but big frameworks like Vue or React add an overwhelming amount of complexity to a developers' workflow. That’s why I wrote AlpineJS. It’s less than 10kb, requires no build process, takes almost no time to learn, yet gives you the declarative templating and reactivity you can’t live without. I can’t wait to show it to you. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

Say No To Complexity With AlpineJS

Caleb Porzio

In this presentation, we’ll look at the current state of Angular and its tooling infrastructure. We’ll discuss what features enabled the latest version of our rendering engine Ivy and how you can take advantage of them today. Along the way, we’ll look at the work we did to ensure small bundle size and fast execution! In the second part of the talk, we’ll focus on the tooling that Angular provides to help you deliver apps quickly and efficiently. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

The State of Angular

Minko Gechev

Why does '👩🏿‍🎤'.length = 7? Is JavaScript UTF-8 or UTF-16? What happens under the hood when you set ? Have you ever wondered how emoji and complex scripting languages are encoded to work correctly across browsers and devices - for billions of people around the world? Or how new emoji are introduced and approved? Have you ever seen one of these: □ � “special” glyph characters before and want more information on why they might appear and how to avoid them in the future? Let’s talk about Unicode encoding in JavaScript and across the world wide web! We’ll go over best practices, common pitfalls, and provide resources to learn more - even where to go if you want to submit a new emoji proposal! :) <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

Emoji Encoding, � Unicode, & Internationalization

Naomi Meyer

This talk is going to be about react-three-fiber. We'll make a mini game together. We'll see how even beginners can make it through all the heavy boilerplate and math without losing their minds, and then translate it to anything, be it a game or a website with some interesting visuals and effects. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

Making Games in React

Paul Henschel

There are other ways to proxy live video from a browser to an RTMP endpoint, but what if we wanted to interact with that stream first? And not just interact writing obtuse ffmpeg filters, but just some good ol' HTML and CSS? Let's do that! We'll talk about how you can allow your streamers to go live directly from their browser using headless Chrome and ffmpeg. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

Going Live from a Browser...with Another Browser

Matt McClure

Classic frontend vs backend API design conflicts are becoming a headache of the past with serverless and Jamstack architectures and tools; frontend developers are building the full stack. But this poses a new problem: “What database? Who cares about the database?” This talk will help you with the questions you should ask of the database for your next side project...and a place to begin your journey in database internals. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

When Worlds Collide: Frontend vs Database

Tyler Hannan

With the yearly ECMAScript releases (ES2015..ES2019) of a lot of things have changed in JavaScript-land, and there's even more to come. This talk takes a look at a few of the newest (ES2020) and some of the upcoming ECMAScript features, which (hopefully) will become part of the ECMAScript Language Specification in the near future. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

ESNext: Proposals To Look Forward To

Bramus Van Damme

We are very used to generating visual results with code but are still often surprised to hear that we can create music in the same way. Oh, you didn’t know that? You are not alone. Even though the idea of music programming is older than all of us this concept is still pretty unfamiliar among many developers. Not for long! Let's shed some light on music coding in our daily bases web applications using Angular. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

What Does The Angular Say? 🦊

Laura Silvanavičiūtė

DeliveryHero is a huge international company. And like in every big company, the introduction of a new technical improvement is a hot topic. Get to know the challenges our team faced while making our platform E2E tested, how our reporting mechanisms improved over time and solutions we developed to test different variations of a feature. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

The biggest JS conference in the cloud