ConfPad

We live in a world where our React components and component trees keep getting more complex. Let's look at some ways to do some cleanup and end up with components we can all love.

In a world where laptops break a lot and we can work from anywhere, it's handy to push a lot of dev work to the cloud. Using Cloud 9, Firebase, Now, and GitHub, Todo The Game is a React app that amps up the classic Todo demo into an interactive game complete with level editor. With this combo devs can work on the app from anywhere with an internet connectio…

JavaScript animation, even in React, often involves tangles of imperative code. But we can already harness all the power and flexibility of JS animation with a syntax simpler than CSS. Let's look at the state of declarative animation, and where it could be in the near future.

GraphQL represents a paradigm shift in the way that we think about requesting data on the frontend. GraphQL removes the opaqueness from data requests, what you see is what you get. \n\nWhere does the overall value in GraphQL lie though? The type system is immensely helpful, but what if we make some sacrifices to widen the scope of use cases, would that be po…

The Polyhedra Viewer (polyhedra.tessera.li) is an interactive web app that explores the relationships between convex polyhedra. Users can select operations and watch as shapes expand, twist, and contract according to mathematical rules. Join me on my journey taking my lifelong obsession with these simple shapes into a work that is accessible to students, tea…

"React is a library to build intuitive User Interfaces" as quoted in official React documentation. The past few decades of computing have been limited to flat 2D screens. However, the rise of AR/VR means that society will soon move beyond the screen: where the UI won’t be a flat piece of glass but the 3D spaces in which we live & move around. Since the incep…

Can we create or port an existing native desktop application to a complete "React powered" web-app matching (or even exceeding) the quality of the legacy desktop app? Sounds like a good challenge! \U0001F914 And this is what I decided to do with my game making software.\n\nThis talk will explain all the problems I had and solutions that I used to port my nat…

8 million man hours are wasted each day by public transit users in Mexico City. We developed a React Native app, powered by a generative AI model, to help users reduce time spent on traffic, and along the way we figured out that GraphQL subscriptions are perfect for this type of ML applications.

React Suspense is coming! While that's awesome for greenfield apps, most of us will need to incrementally adopt these new features and paradigms. In this talk, I'll discuss how we're incrementally migrating to Suspense--from our overall strategy, preparation, some footguns to avoid, tricks, and gotchas.

When we develop web and mobile apps, we might need illustrations to handle different scenarios like a 404 error page or an empty state. In this talk, you'll learn how to create and transform SVG illustrations into components that can be easily customizable and reused in different parts of a product. You'll also see how I built React-Kawaii, a library of cute…

Charting libraries operate at a high abstraction level, the primary unit of interaction is at the chart level (e.g. BarChart, LineChart). Developers who want to create more custom visualizations usually dive straight into low-level graphics manipulation. In the world of visualization research mark-based visualization systems such as Vega are common, but can …

Mental health among women is a crucial, yet ignored and their symptoms are highly misunderstood. The number of people actually taking professional help for depression and other mental health problems are extremely low due to various reasons. This talk focuses on a case study in developing countries, the problems associated with getting access to quality ment…

Whether it's a mouse click or finger swipe, interaction is a critical part of computing. Touch interactions are especially important on mobile. I will dive into what it takes to make great interactive animations when implementing in either React Native or native iOS, and compare the efforts needed in both. I will also explain a fundamental problem in React N…

Since announcing React Native almost 4 years ago at React Conf, the framework has been used by many apps deployed in production. At Facebook, React Native powers experiences in Marketplace, Instagram and Oculus. We are now leveraging the lessons learnt over the years to take React Native to the next level. In this talk, we will look at the new ways JavaScrip…

Introduction to Lingui project which aims to fill the gaps in the internationalization workflow and provide the best developer experience. It started as a proof of concept how to leverage template literals and JSX for writing messages in ICU MessageFormat syntax using babel macros, but soon it became a viable alternative to react-intl. It also offers an offl…

How do we bridge Product Design and Engineering? FramerX is tackling this age old problem in a new way with React! It lets designers reuse production React components to design screens, flows, and interactive prototypes. So what? Why should we care? And how do we actually make this work in the real world of deadlines and stuff? In this talk, I will explain w…

Diversity and inclusivity are two words that have been lacking within the technology /developer communities over the years. As a woman in technology, I've I spent the last 5 years building both Technology and Developer Communities. This talk focuses on helping others people be a member of the community they are skilled to be and how little things like swags…