This is an advanced talk about SVGs, shapes, animations and orchestration. It is also a talk about architecture, abstractions and building tools that open up new possibilities.

Learn about Atlassian’s learnings from growing the frontend development of Jira to over one million lines of code.

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

CodeGen will utilise your TypeScript/Flow types to generate more native code at build time, instead of run time. TL:DR: smaller code size, faster execution, fewer errors.

Matthew shows concrete, pragmatic, examples of how TypeScript can help us write better code, refactor easily and avoid errors. He also shows the pain points of learning, and using TypeScript.

Patterns, practices, and technologies for modern front-end engineering at scale.

How does app performance look at scale? Ashley dives deep into the details of how they rebuilt Facebook.com and achieved super-fast rendering times and network transfers.

This talk showcases the custom serverless ticketshop I created for an event that sold out in seconds.

How to build a really large application? How to think about architectural layers? What is wrong with the majority of JS frameworks? How does GraphQL influence my architecture?

Join one of WeWork's first hires on his journey & decisions that helped shape the global footprint of it's marketing website and its massive growth.

A real world case-study of adopting micro-frontends. Learn what they are, and how you can compose an app from multiple micro-frontends.

Learn how Google’s security team has achieved a high-level of safety against XSS, and related problems, by integrating tools to make it easier for developers to produce secure software.

Introducing accessibility to The Financial Times website, and the journey from being generally oblivious about a11y to making it a core process part.

It is important to understand the abstractions that we use (watch “Requisite React”). This is a deep dive into React’s architecture. Watch Sophie build a simple version of React DOM.

Why do we rewrite software, and how can we make our systems more resilient to change?

Get behind the scene of one of the most popular React UI framework.

Insights into Smashing Magazine’s Relaunch — with decisions made, failures, successes and lessons learned along the way.

Deep into Wix's secret ingredients for better performance in React Native applications, together with practical examples.

On March 4, 2020, we started a couple of spreadsheets to collect COVID-19 data—just until the CDC stepped up. Three months, two websites, and two million API requests later, we're still doing it every day.

A deep dive on how we built Amplify DataStore using GraphQL.

Get behind the scene of one of the most popular React UI framework.

A deep dive into how a bundler works, and how we can make our development process much faster.

Learn how BuilderX, a Design Tool in TypeScript and React that generates React & React Native code, was built.

Same company, lots of teams, different technologies, developers battling outdated dependencies and copying scripts and configuration files all over multiple projects? Does this sound familiar to you?

Learn about Atlassian’s learnings from growing the frontend development of Jira to over one million lines of code.

Take a look at how React was integrated with the rest of WordPress, its effect on programming paradigms, workflows and deployment strategies, and the steps being taken to ensure the ecosystem stays as beginner friendly as it has always been.

Often when building a design system we face tension between consistent and resilient API's, and sufficient flexibility to ensure that our components can be customised to fit bespoke product use cases.

Learn how one of the world’s largest restaurant chains use JAMstack and structured content to rapidly deliver high-quality user experiences.

freeCodeCamp.org started out as a traditional Node/Express web app. But as our nonprofit's community grew, speed and reliability became more important.

Last year we started the rebuild of a big e-commerce platform, to increase performance. I will explain how we mixed Nuxt, Vue, and Storybook together and how we are able to develop great code with a big team.

Take a peek behind the layers of the event loop, select/epoll nonblocking I/O, and hardware architecture to answer a simple question: what is waiting, and how does a program wait?

Learn how to build a search query parser, in JavaScript. Starting with the building blocks of all languages and what a parser is, to a practical implementation.

Take a deep look at the principles of framework design and how we can apply them to build better software.

Dive into the architecture of a programmable UI platform, which both allows you to have a fully working UI out of the box and also be able to customize every functionality and user experience to your needs, using the full power of React.

Join one of WeWork's first hires on his journey & decisions that helped shape the global footprint of it's marketing website and its massive growth.

Insights into Smashing Magazine’s Relaunch — with decisions made, failures, successes and lessons learned along the way.

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

How to build a really large application? How to think about architectural layers? What is wrong with the majority of JS frameworks? How does GraphQL influence my architecture?

Learn how Google’s security team has achieved a high-level of safety against XSS, and related problems, by integrating tools to make it easier for developers to produce secure software.

A walk through in the depths of microservices powering a plethora of Angular applications at bol.com, the biggest webshop in the Netherlands and Belgium.

A deep dive on how Uber leverages javascript, across its engineering orgs.

Introducing accessibility to The Financial Times website, and the journey from being generally oblivious about a11y to making it a core process part.

Patterns, practices, and technologies for modern front-end engineering at scale.

A real world case-study of adopting micro-frontends. Learn what they are, and how you can compose an app from multiple micro-frontends.