Dwane Hemmings

Web Components are Awesome!

Developer Advocate

Shane Ketterman

How to Design a Sustainable Freelance Career

Talent Acquisition Events Manager

Rahat Chowdhury

As a Frontend developer interested in Web3 I used to ask, “How much do I need to learn to get into the web3 space?” The truth is as a React developer, the skills I know are essential in web3. Let’s add some context around how to leverage those existing skills to succeed in this new space.  We'll go over how to use block explorers like Etherscan and Polygonscan to find and test existing smart contracts and understand tools we can use to build UI's around them with React. Let’s demystify some of the concepts in web3 and leverage our existing skills to start building.

A Frontend Developers Guide to Web3

Closing Remarks

Thank You for Attending React Miami!

Conference Close

Day 2 Afternoon Break

Refreshments and Session Break

Afternoon Break

Lunch

Day 2 Lunch

Day 2 Morning Break

Morning Break

Day 2 Opening Remarks

Welcome to Day 2 of React Miami

Welcome and Day Layout

Day 1 Opening Remarks

Welcome to React Miami!

Day 1 Afternoon Break

Check In

Check In to React Miami at the Miami Beach Convention Center

Day 1 Check In

Ariana The Techie

Blockchain Through the Eyes of Art!

Founder

Camila Ramos

Building a decentralized API to query for blockchain data on the eth network. I'll be demo'ing the eth web3 stack with react and The Graph to show developers how to get started building for web3.

GraphQL in Web3: Building a Decentralized API

Developer Relations

Afterparty

Sponsored by Flatfile and Novo. Celebrate the official Afterparty of React Miami with music, dancing, and custom cocktails under the South Beach moonlight. Exclusive event for React Miami attendees, speakers, and sponsors. Sign up for free (required) right now via the following link: https://www.eventbrite.com.au/e/react-miami-2022-tickets-177437910567?discount=party4ever#tickets. More info: https://passionatepeople.notion.site/React-Miami-Afterparty-768af6ca8cca40baae69fece122a4d9a

React Miami Afterparty

La Sombra

Sunrise Yoga

Join us for a sunrise yoga session to start the second day of React Miami. Led by instructor Hunter Sonn. Exclusive session for React Miami attendees, speakers, and sponsors.

Sunrise Yoga at Sagemore Hotel Beach

Opening Day Brunch

Meet us at The Backyard of the Marseilles Hotel to network and enjoy breakfast for the official kick-off of React Miami! Exclusive event for React Miami attendees, speakers, and sponsors.

Backyard

Ben Ilegbodu

Migrating from Enzyme to React Testing Library

Principal FrontEnd Engineer

Jerome Hardaway

In this talk, I’ll be speaking about how Americas veterans are using react to help each other to transition back home and how to deal with crisis.

React: Rendering Hope To America’s Veterans

Executive Director

Lee Robinson

It’s “just” a marketing website they say... When in reality, developers are localizing content for visitors, running A/B tests and experiments, efficiently loading fonts and third-party scripts, improving performance and accessibility, and more. This talk will show a case study in creating high performance marketing sites.

Expectation vs. Reality of Marketing Websites

Director of Developer Relations

eMerge Americas

React Miami Partners

Emily Thomas

Historically if you wanted to build an application with any kind of secure authentication, you’d have use SSR for your entire app. NextJS flips that model on its head, here’s how to leverage a NextJS hybrid application to take your authentication to the next level. Learn the mistakes and tricks directly from a team who made them while switching to NextJS.

Leverage Hybrid Apps for Secure Auth

Engineering Manager

Kent C. Dodds

When a brilliant idea strikes, you want to hit the ground running and focus on building out your idea. Unfortunately, for any ambitious project, it takes a significant amount of time configuring the tools you'll ultimately need to make your idea a reality. Far too often we either under prepare and our MVP-shortcuts end up being a pain in the neck for the next few years if we're successful, or we spend so much time in the setup process that we lose all motivation.  In this talk, I'll show you how Remix can help you get started with a solid foundation so you can focus on building out your ideas. And when your MVP turns into a money maker, you won't feel like you have to rewrite your app from scratch! And for those of you starting new projects from scratch on a regular basis, I'll show you how you can make your own Remix stack to create these projects just like you want them again and again.

The Stack of the Future

Co-Founder and Director of Developer Experience

Facundo Giuliani

Jimi Hendrix knew it: When creating a website, you can have a pleasant experience or an awful moment. Love or confusion. That depends not only on the project itself but also on the tools the developers have on hand.  Fortunately, the web community is making huge efforts to create tools, frameworks, and products to improve the DX (Developer eXperience), and not let the developers suffer a manic depression when working on their websites.  Let's talk about the keys that make a tool have best-in-class DX, how they are achieved in the React community, and how we do it at Storyblok, so you’ll learn how to make the developers feel like in a purple haze.

Are you DXperienced?

Developer Relations Engineer

Brandon Bayer

Blitz.js is a toolkit that supercharges your Next.js app. It's heavily inspired by Ruby on Rails and is focused on making you as productive as possible. It adds all the missing pieces you need for building a fullstack app with a database. By far the biggest innovation of Blitz is the new "Zero-API" data layer that abstracts away the API so you don't have to mess with REST or GraphQL APIs! And out of the box so many things are already set up like ESLint, Jest, and even a production ready user authentication and authorization system! Brandon will cover all that and provide you everything you need to start using Blitz yourself.

Build Fullstack 10x Faster with Blitz.js

Founder and CEO

Tejas Kumar

Building a Massively Scalable and Performant Jamstack App in Minutes

Kathryn Grayson Nanz

I hear lots of developers say "Oh, I could never be a designer; I just don't have the eye" – and I'm here to tell you that's simply untrue. Design is a skill that can be learned, just like anything else! A designer's full responsibilities are complex and multifaceted; this talk won't teach you everything you need to know to get a design job. However, it WILL go over design basics in a straightforward way, for developers who want to create UIs that don't look terrible.

Learn Enough Design to be Dangerous

Jenn Creighton

Async JavaScript is mind-bending to write, even worse to debug. In this talk, we'll explore why async bugs are difficult, what common missteps create those bugs, and how to debug async code with the debugger.

Debugging Async JS

Senior Software Engineer

Nader Dabit

Full Stack Web3 - The Technology Stack for the Decentralized Web

Shawn "Swyx" Wang

React helped lead a revolution in frontend frameworks toward reusable, predictable components. However the backend is still a wild hairball of microservices and serverless components. What would React-ifying the backend look like?

Temporal: React for the Backend

Head of Developer Experience

Gregory Johnson

Control IoT Devices using a single API on the cloud or blockchain with Govs.io

Build with Govs an API for the Physical World

Co-founder

Ashley Huynh

Video is now a cornerstone for information and communication. At the heart of video interaction is the ability to live stream video, which allows for real-time, dynamic experiences that have allowed anyone to be anywhere at any time. The magic of live video touches us in many ways, whether we're entering our 8th Zoom meeting of the day or watching our favorite content creators play cozy games on Twitch. Creating apps with video, however, can feel like a daunting subject for many. Quality video apps involve a lot of considerations like encoding and cross-device compatibility. Adding a live video component on top of that can feel even more overwhelming. In this talk, I will walk through the top seven things you should consider for building a live video app, and show you how to create a simple in-browser live stream using React and Mux Video.

Democratizing Live Video with React

Community Engineer

Will Johnson

Have you hesitated to add animations to React apps because of complexity? Tired of trying to figure out the perfect keyframes, easing, and timing? You can use Framer Motion to add smooth and performant animations with simple and declarative syntax all without being an animation expert. After this talk, you will have the superpower to bring your static sites to life.

React Animation Made Easy

Kathleen McMahon

Stealth-Mode North Star! Rebranding in Secret with Feature Flags

Designer, Conference Speaker

Susanna Wong

Think Machine Learning is miles apart from what we do as a React Developer? Think again. Having been a core contributor to the Kedro-viz project (https://github.com/quantumblacklabs/kedro-viz) , an open source ML tooling accompanying the Kedro project (https://kedro.readthedocs.io/en/stable/01_introduction/01_introduction.html), over the past year, I have worked on the intersection of React with ML tooling development, and witnessed the impact of great FE architecture on advancing the capability of modern ML development tools. This talk will focus on my experience in developing the core sets of features that introduces the biggest mindset shift in the visualisation of a ML pipeline - the modular pipeline.

Towards a Modular Future: Rebuilding an ML Pipeline Visualization Tool (aka Kedro-viz) for Modular Pipelines

Senior Consultant in Front End Engineering

Isabela Moreira

Everyone knows accessibility is important, but even with the best of intentions, we still might not be achieving an accessible design in our apps. In this talk, I'll help the audience build their empathy for disabled users through the eyes of someone in the disabled community (myself), while giving them the tools they need to tackle accessibility both from a design and implementation standpoint.

Building Empathy and Accessible Apps

Software Engineer

Rick Blalock

This talk focuses on how faster user experience and faster product iterations help fishermen make timely decisions, which directly affects fisheries sustainability. The presentation will cover the problems of fisheries management, how mobile innovation and tech advancement removes the problems, and demonstrate specific examples that make the ocean a better place. Some highlights include: - Why fishing regulations are important - How UX testing on the water with actual anglers was done - How improvements to existing government data made the app faster - The journey from a mobile app built in Titanium to Swift / Kotlin to React Native and how React Native helps a very small company iterate extremely fast. - How we can better improve other industries by having a performance-driven mindset

Faster and Better UX Helps Ocean Sustainability

Amanda McDermott

Damian Montero

Organizer

Speakers