Tech Conferences, reinvented. We want to bring an unheard-of, TED-like level of quality to tech conferences. 

dotJS

A decade after Node was first announced, JavaScript and the web platform have evolved. Deno is a new JavaScript/TypeScript runtime—the evolution of Node.

A decade after Node.js was first announced, JavaScript and the web platform have evolved, and TypeScript has changed the way JS applications are developed. 

Deno is a new JavaScript/TypeScript runtime that was designed with all those new capabilities in mind.

Deno

Pros and cons of creating class and function components in React vs Vue vs Svelte.

For a period of time, most of the mainstream frontend frameworks have converged on a class-or-semi-class-based model for declaring components. However, in the past year, we are seeing some new ideas emerging regarding how stateful logic inside components are declared, managed and composed.

Evan examines three different approaches: React Hooks, Vue Composition API, and Svelte 3. They share a common departure from the class-based models, but also have fundamental differences due to the trade-offs in their respective designs, which he discusses in this talk.

State of Components

What do CRDTs and frontends have to do with each other?

What do CRDTs and frontends have to do with each other? 

James talks about how CRDTs finally deliver on the promise of local-first apps, which provide superior user experience, and explains how simple CRDTs can be and how to leverage them to create robust local-first apps.

CRDTs for Mortals

WebAssembly, the new low-level bytecode format for the Web, could seem like a complicated topic to some. Vlad provides you with required WebAssembly knowledge.

WebAssembly, the new low-level bytecode format for the Web, could seem like a complicated topic to some. 

Vlad provides you with required WebAssembly knowledge, so you can use the power of WebAssembly to optimize your own JavaScript web applications. 

He also takes a glance at the future of WASM and how it can improve the speed and security of the software we write on a daily basis.

Into WebAssembly

When building apps, we focus on minimizing costs, time to market, bugs, bundle size, application speed, SEO, but we spend almost no effort trying to minimize the damage our applications are making to the environment.

Data centers produce about 3% of the world's greenhouse gases and this is set to treble in the next 10 years. 

When building apps, we focus on minimizing costs, time to market, bugs, bundle size, application speed, SEO, but we spend almost no effort trying to minimize the damage our applications are making to the environment.

Asim discusses how to build a green sustainable web application with NestJS and Serverless.

JavaScript Saves the World

Svelte is a new generation of web framework, it compiles your code to vanilla JS and CSS instead of evaluating it at runtime.

Svelte is a new generation of web framework, it compiles your code to vanilla JS and CSS instead of evaluating it at runtime. 

This new approach opens new possibilities, especially for writing reactive web app. Bertrand explains how Svelte changed his mind on frameworks.

Svelte

Before being a web developer, we are all users of the internet which is a jungle of UX patterns, some bad, some good and some terrible.

Before being a web developer, we are all users of the internet which is a jungle of UX patterns, some bad, some good and some terrible. 

Sara explores the complex paths of this jungle to understand together how we can plan and develop ways to make our applications be a more enjoyable experience for both our users and us.

The complexity in simplicity

Learn regular expression features like non-capturing groups, named capture groups, the dotall flag, and Unicode property escapes.

Stefan covers regular expression features like non-capturing groups, named capture groups, the dotall flag, and Unicode property escapes.

Regular expressions my secret love

In the past few years, UI libraries have taken the web development world by storm, however, this shift in how web applications are built has also increased the complexity of tooling needed to be productive.

In the past few years, UI libraries have taken the web development world by storm, however, this shift in how web applications are built has also increased the complexity of tooling needed to be productive.

In reality, it has gotten easier as new a new segment of tooling was created to aid in creating scalable and performant web applications. These “Web Frameworks” focus on providing great end-user experience while also making developers more productive.

Tim explores what web frameworks are, why they exist, and how you can immediately improve your end-user experience and developer experience by applying low-level concepts from web frameworks in your application.

What to expect from a modern web framework?

With modern development tools, it’s easy to locate the exact code that’s slowing down your application, but what do you do next? Why exactly is it slow, and how do you make it fast?

We’ve learned to rely on sophisticated frameworks and fast engines so much that we’re slowly forgetting how computers work. With modern development tools, it’s easy to locate the exact code that’s slowing down your application, but what do you do next? Why exactly is it slow, and how do you make it fast? Time to regain the lost art of algorithmic performance optimization!

Software performance is all about recognizing and eliminating unnecessary work. You can learn to do this intuitively, and eventually you’ll be able to write code that’s fast from the start, by default. Vladimir shows you how — on practical, real-world cases of optimizing popular open-source libraries, PR by PR.

Fast by default: algorithmic performance optimization in practice

We are obsessed with coding and creating automated workflows and optimizations. And yet our final products aren't making it easy for people to use them.

We are obsessed with coding and creating automated workflows and optimizations. And yet our final products aren't making it easy for people to use them. Somewhere, we lost empathy for our end-users and other developers. Maybe it is time to change that. Here are some ideas.

Develop, Debug, Learn?

Testing the front end shouldn't be that hard! There are ways to achieve a healthy testing strategy for our front-end applications.

Testing the front end shouldn't be that hard! There are ways to achieve a healthy testing strategy for our front-end applications.

Adrià discusses, explores, and showcases some of the best practices around what to test, and also how to test it.

The pragmatic front-end tester

Sven talks about how WebAssembly looks like from a JavaScript developer perceptive.

The WebAssembly Community Group is actively working on improving the interoperability, allowing a seamless integration in our JavaScript projects!

Sven talks about how WebAssembly looks like from a JavaScript developer perceptive.

More WebAssembly in your JavaScript

See the design and architecture that went into creating a component compiler which generates framework agnostic components. 

Adam reviews the design and architecture that went into creating a component compiler which generates framework agnostic components. 

First, he goes over "why" a compiler, then dives into how we're able to take advantage of TypeScript and Rollup to generate web-standard components, while also focused on developer experience.

Architecting A Component Compiler

When we develop a Single Page Application, we have to use a Router. It's a common use case, yet every single framework has its own router, but they all share quite a few principles.

When we develop a Single Page Application, we have to use a Router. It's a common use case, yet every single framework has its own router, React even has multiple ones you can choose from. And even though each framework is different and every router takes a different approach, they all share quite a few principles. 

Understanding those helps us handle routing in our SPA because behind all those simple, different APIs provided by framework-specific routers, a more complex architecture is hidden from us.

Eduardo dives into the architecture of a Router and some of its implantation details.

Modern Routing

Aftermovie dotJS 2019

Ziad shares some guidelines for using TypeScript types as precisely as possible.

Typing correctly matters

Testing native JavaScript web components can be tricky. Andrew walks through the basics needed to test native JS web components without a browser.

Testing native js web components

Learn all about the TC39, the committee working on evolving the JavaScript language standard.

Daniel presents the TC39, the committee working on evolving the JavaScript language standard. Because JavaScript is both programmed by a diverse set of people and deployed in diverse settings, it is essential that its development be governed in a way that is inclusive to these various requirements. 

We are not there yet, but the TC39 is working on it, and this can be seen in the development of various new language features that are coming to JavaScript. The TC39 needs your help in bringing JavaScript to the next level, and Daniel explains how you can get involved.

TC39: How we work, what we are working on & how you can get involved

Acoustic activity recognition can create new interactions and better smart systems. See how you can experiment with JS, Machine Learning, and Tensorflow.js.

Even though we don’t really think about it, sound is a very rich source of information.

Leveraging the properties of sound with machine learning, we can gain insights about an environment or an activity performed.

Acoustic activity recognition has the potential to create new interactions and better smart systems, and in this talk, Charlie explores how to experiment with this technology in JavaScript, using the Web audio API and Tensorflow.js.

Exploring the hidden potential of sound data

A deep dive into the specific features of Web Workers that aid in making it possible to perform tasks typically reserved for cloud computing jobs, in the browser.

Jana covers how to bring multi-dimensional computing power to the browser using Web Workers. She focuses on one particular dimensionality reduction algorithm—UMAP—used more and more frequently these days to visualize high-dimensional datasets. She deep dives into the specific features of Web Workers that aid in making it possible to perform tasks typically reserved for cloud computing jobs in the browser, albeit on smaller samples from data sets.

These features include transferable objects, which allow for efficient, zero-copy passing of computed results back to the browser from the Worker and OffscreenCanvas, a bleeding edge browser feature that can let us even perform the visual rendering of the UMAP result in a non-blocking Worker.

Escaping flatland: a romance of data science in the browser

Kas discuss the MIDI communications protocol, how we can create and augment music with JavaScript, and will hopefully make you think about how your apps communicate with each other.

MIDI, communications, and music in JavaScript

When developing applications with states which require some effort to make them consistent, we can either accept that and write many unit tests to make sure things are consistent, or we can model domains in a better way.

When developing applications with states which require some effort to make them consistent, we can either accept that and write many unit tests to make sure things are consistent, or we can model domains in a better way, leveraging the type system to eliminate as many inconsistencies as possible.

Distinctive event

dotJS 2019

Dec 5 - Dec 6 | Paris, France