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

Learn how you can improve a codebase by applying and creating abstractions more thoughtfully.

In this talk Diana covers lessons in color systems, theming APIs, and a bit of color theory along the way.

Useful techniques for customizing data visualizations, numbers, dates, right-to-left, iconography, and colors for a global audience.

Testing front-end applications does not need to be a pain. In fact, testing React applications can be quite easy if you follow some rules.

This talk highlights the different types of state occurring in modern React applications and give recommendations on how to approach them.

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

Using Expo you can build an app that runs natively for iOS, Android, and web.

See how to optimize network requests to minimize round trips without slowing down critical data paths.

What if you could automatically generate hundreds of integration and end-to-end tests, instead of manually coding them?

Get a deeper knowledge of how to design a public API for components, how theming works, and common pitfalls one might come across when trying to scale a design system across an organization.

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

A real-life use case for micro-frontends and motivation for adopting them.

Real-world example of a typed functional language actually making your developer life better, in an existing Javascript code base. And it's something your team might not cringe at, either.

In this talk you’ll learn how to write React like its fiction and what you can gain by doing so.

The JAMStack is empowering the Microservice and distributed architectures in ways that we had not previously conceived.

We talk a lot about how to animate on the web, and what’s possible in browsers today, but where is animation heading?

Managing state in UI apps is hard. Keeping a coherent mental model of it is even harder.

Learn some of Firebase's best features for the web, and how to easily integrate them into your React app with ReactFire.

This talk is a practical one, chock-full of tips for creating more accessible front-end foundations.

The mental model for building for the web largely hasn’t changed in the last 20 years, but we’ve incorporated complexity, richness, grown our community a thousand fold, and scaled to billions.

Learn about errors in JavaScript, and modern ways to handle them in React.

What alternative languages are there for writing modern frontend applications today?

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

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

An update on the evolving tools, potential, ecosystem, and community associated with the JAMstack.

Do you worry about the performance of your React applications? This is a how-to of performance improvement, with techniques to track and increase speed.

IPFS is a stack of protocols for decentralized, p2p communication and data transfer on the web. Learn how you can use IPFS to host files and apps, created p2p databases, and more!

Understand common GraphQL challenges, and how Relay addresses them.

See the many steps and complexities involved in publishing a new version or React Native,

Learn how React Query can help you fetch, cache and manage your asynchronous data, easily.

Designing with code, or with a coding mindset, can help your team to be more productive.

Learn how large organizations like Facebook, Microsoft, and Google are able to successfully scale across multiple teams, business units, and products.

Get a glimpse into the future where we will control apps with our thoughts.

Jed discusses the sustainability of open source, the value OSS creates for us all individually and as a collective, and then proposes some small steps we can all take to ensure the future of our vibrant community.

See how we are able to bring type-soundness, autocompletion, and powerful developer tooling to our internal workflows using hooks and TypeScript.

Learn how to how to shape your React architecture with GraphQL for better developer experience, easier scaling and faster iterations on your user experience.

Have you ever learned a new technology? Were you uncomfortable? Intimidated? That was Trent's recent experience when he had to learn a new framework: React.

Being able to work on multiple packages together is powerful, but it's not without its problems. If you're not familiar with monorepos, don't worry. Mitchell will cover what they are, when and why you would want to use one and how to get started with them!

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

What if you could automatically generate hundreds of integration and end-to-end tests, instead of manually coding them?

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.

In a world of components, how should our design processes change? How should our tooling change? How should we, as front-end developers, better enable this change?

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.

Recognise and foster the skills that will launch the next phase of your career and make you a more effective developer today.

When designing asynchronous operations in a React application (such as data fetching), it's easy to overlook the confusing and inconsistent user experience it can result in.

Designers and engineers: we have different experiences, different skills, different mindsets, and yet bridging these differences effectively, and making the most of this inherent diversity is the secret sauce in making good software.

This talk charts the ABC's journey and how page load speed is measured, the trade-offs between different app architectures, and finally the APIs and tools browsers give you to speed your sites up.

Selena and Michael take you on a roller coaster journey of getting into and getting the most out of pair programming.

`react-beautiful-dnd` is an open source project that aims to provide performant, beautiful and accessible drag and drop. See how its various pieces come together to deliver a delightful user experience.

If the new React Context API and Suspense killed Redux (they didn't), surely Hooks kill the need for a form library, right? Well, not exactly.

See how BBC made transcribing interviews - something journalists spend hours every day doing - faster, easier, and data-rich by creating an interactive, time-encoded text editor with Draft.js.

In this talk Diana covers lessons in color systems, theming APIs, and a bit of color theory along the way.

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

Every PWA built or started with preact-cli so far has been promised with a perfect 💯lighthouse score. This talk shows how the next version will improve performance even further.

Custom Hooks in React are useful for much more than just managing the local state and one-dimensional side-effects you see in almost every React Hooks example.

Who's the jock? The nerd? The misfit? Who's the type A overachiever, or the moody artist, or the partier? Get to know each of these JavaScript frameworks through the hallowed medium of the teen comedy.