Get behind the scene of one of the most popular React UI framework.How does Material-UI build components?Save
Useful techniques for customizing data visualizations, numbers, dates, right-to-left, iconography, and colors for a global audience.Data Visualizations and InternationalizationSave
This talk showcases the custom serverless ticketshop I created for an event that sold out in seconds. Selling tickets without servers. Or frameworks. Or cookies.Save
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!Decentralized React states - using IPFS to sync, store, and recover stateSave
Variable Fonts allow typography on the web to adapt to the flexible nature of screens, environments and devices.Responsive TypographySave
Flipper is Facebooks internal, extensible mobile devtool platform, used by the mobile devs that work on the Facebook, WhatsApp, Instagram and many more apps.Flipper: The Extensible DevTool Platform for React NativeSave
A JS-driven app gets a static render, massively improving the time to first render, and time to interactive. See useful build tools, and learn how to avoid all the gotchas.Setting up a static render in 30 minutesSave
Get a glimpse into the future where we will control apps with our thoughts.Controlling Apps with Your Mind and AISave
A component library can result in faster and easier development, improved design and UX, and so much more.Creating a Component LibrarySave
In this talk Diana covers lessons in color systems, theming APIs, and a bit of color theory along the way.Themeability is the path to dark modeSave
Learn how React Query can help you fetch, cache and manage your asynchronous data, easily.React Query: It’s Time to Break up with your "Global State”!Save
A series of optimizations against a simple grid component that's optimized step by step while learning how to profile the application, how to apply React APIs to speed it up, and what might be the next steps.Live Coding - Optimizing a React applicationSave
Animations in React Native apps can seem difficult and unnecessary. Aleksandra tries to prove that they can be easy, achievable and necessary to make your app delightful.An Animation Showcase: RN App Can Ce BeautifulSave
Learn about Atlassian’s learnings from growing the frontend development of Jira to over one million lines of code.The tragedy of scaleSave
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. Performance anxiety with ReactSave
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. (Proto)typing innovation in BBC NewsSave
Build a design system with accessibility, internationalization, cross device (mouse/touch) support and themeability in mind.Design system and accessibilitySave
An approach to state management that scales from a single component to highly complex apps.Recoil: State Management for Today's ReactSave
What if you could automatically generate hundreds of integration and end-to-end tests, instead of manually coding them?Write fewer tests! Model-based testing in ReactSave
In this talk, we’ll create an effective mental model of Concurrent React by building a tiny clone of React!Concurrent React from ScratchSave
Learn how to build a headless e-commerce website using Gatsby, Netlify, and BigCommerce.Building e-commerce storefronts on the JAMstackSave
Make Gatsby's "fast in every way that matters" a reality with this collection of 5 quick actions to speed up a Gatsby website, featuring real-world examples, Lighthouse scores and links to code.Speeding up your Gatsby app in a daySave
Learn how you can improve a codebase by applying and creating abstractions more thoughtfully.AHA ProgrammingSave
Upgrading dependencies can be a daunting experience. When dealing with numerous moving parts, diagnosing issues can demand a lot of patience.5 Lessons Learned From A Major React Native UpgradeSave
In this talk, we'll go through the creation of gatsby-plugin-react-native-web, to more advanced cross-platform experiments I run on my static blog and my personal mobile app.Cross-platform: ReactNative, Jamstack, And BeyondSave
In this talk, we'll start with why controlled rollout is important and how feature flags enable you to do it successfully, then we will talk about mobile specifics, and then a demo with React Native.Controlled Mobile Rollout With React Native And Feature FlagsSave
The technology paradigms change often and when you've been developing React Native for years, it's easy to find yourself doing the same old thing. This is my story of writing an app with something new and what I learned.Who Said It?Save
Case study of migrating a large scale application (200k+ weekly users) to using Apollo Client 3.0 for data layer and state management. GraphQLifying React Native AppSave
When it comes to using GraphQL with React Native, urql is the new kid on the block.GraphQL And React Native - The urql EditionSave
This talk aims to give a detailed walk through Bridging Native modules into React Native applications and, React Native's Logic that allows this capability.The great Divide: Bridging Native Modules And React NativeSave
Learn how React Testing Library turned out, how community and empathy wins, how businesses help sustain OSS, sprinkled with examples of how you can test your React Native components with just JavaScript.Testing Library Meets React NativeSave
See how to perform visual regression tests on react native projects, including how components will look in light mode and dark mode.Visual Regression Test In React NativeSave
One of the most exciting apps genre today are AR and VR apps, and boy it’s never been easy to build them with React Native. See practical examples on how to blend digital and physical worlds together using React Native.Lets Go 3D With React NativeSave
Animations in React Native apps can seem difficult and unnecessary. Aleksandra tries to prove that they can be easy, achievable and necessary to make your app delightful.An Animation Showcase: RN App Can Ce BeautifulSave
Our understanding of navigation in mobile stems from years of web usage. Our navigation is a tree and a page transition is an action. But this pattern couldn't be further from what is required by modern app UX standards.XState ❤️ NoNav - Taking Back Control Of NavigationSave
Deep into Wix's secret ingredients for better performance in React Native applications, together with practical examples.Performance Does Matter - Making Your React-Native App FastSave
A holistic approach that can be used to dive deeper into React Native performance.React Native Performance - Take 2Save
Most people attending the conference use React Native, but not necessarily with any of the Expo libraries, tools, or services. I'll talk about what we have built, what we're working on, and what we're thinking about next to help everyone level up their React Native iOS, Android, and web app development experience.React Native Or Expo? Both.Save
From the upcoming React Native new architecture, there will be more platform-independent shared implementations and more abstraction layers. Let's see if we could extend React Native to some new platforms benefiting from the new architecture.Extending React Native To The Next PlatformSave
React Native isn't just for building mobile apps! Learn how to use React Native to target Windows, Mac, and the new set of dual-screen devices including the Surface Duo and Surface Neo.Building For Desktops And Dual ScreensSave
Deep dive into some of the expected JavaScript API changes, React Native’s JS internals, new startup performance improvements, codegen, and more!Modernizing React Native’s JavaScriptSave
A series of optimizations against a simple grid component that's optimized step by step while learning how to profile the application, how to apply React APIs to speed it up, and what might be the next steps.Live Coding - Optimizing a React applicationSave
Nik Graf discusses his experience in optimizing React applications as he goes through a few specific cases where he improved performance.Tips and tricks for optimizing your React applicationSave
Learn how to analyze their React apps for solvable issues, and learn some state management and async handling techniques.Making Your React Apps Perform At ScaleSave
Find out how to prevent burnout and how to diagnose its first symptoms.Lessons learned from burnoutSave
See the principles behind Reakit, a toolkit designed for developing accessible component libraries.Reakit - Toolkit for building accessible UIsSave