Case Studies

Articles & Tutorials

JQuery to React: How we rewrote the HelloSign Editor (dropbox.tech)
Sep 30, 2020
HelloSign is a Dropbox company that provides a Web-based eSignature solution: If you have a document you want someone to sign, you upload the document file, then show you an editor in which you place all the fields to build the form the recipient will fill out—signatures, dates, initials, etc.
  • Asa Ayers
React In a Business Perspective (pagepro.co)
Jul 07, 2020
The report for C-level executives implementing or planning to implement React or React Native in their organizations.
    Challenges and opportunities of Building React and React Native Apps – Discussion with Wix.com (callstack.com)
    Jun 24, 2020
    Last Thursday, together with Mike Chudziak, we joined Wix.com to chat about various challenges and opportunities when it comes to building React and React Native applications in today’s world.
    • Mike Grabowski
    • Mike Chudziak
    • Wix
    From Idea to 1M Users in a Week with Expo (blog.expo.io)
    Apr 22, 2020
    We asked Julien Lavigne du Cadet, VP of Engineering at Zoe, to spend some precious moments sharing about the whirlwind week he spent building and scaling the COVID-19 Symptom Tracker with a tiny team of volunteers from Zoe engineering and design.
    • Julien Lavigne du Cadet
    Server Side Rendering React In Realtime Without Melting Your Servers (dev.to)
    Mar 16, 2020
    This post is a dive into how ElizabethWarren.com was eventually able to re-render content updates from a headless CMS on the fly, cache everything, and serve the entire website from an S3 bucket. The post presumes a baseline understanding of web technologies such as React.
    • Joe Kent
    How Discord achieves native iOS performance with React Native (blog.discordapp.com)
    Nov 07, 2019
    Early on at Discord, we adopted React Native as soon as it was open sourced to build our iOS app from the core of our React app. Years later, we are still happy with that decision.
    • Miguel Gaeta
    React Native and Expo at Flexport (blog.expo.io)
    Sep 10, 2019
    Now that the mobile apps have been live in production for over a year, we’d like to share our development experience with the broader community, including a deep dive into a few internal tools powered by Expo JavaScript bundles and app manifests.
    • Max Heinritz
    One year with NextJS (react-journey.netlify.com)
    Aug 12, 2019
    In this series of articles, I'll try to tackle some of the most frequent issues faced using Server Side Rendering and how we tried to solve them.
    • Flavien Delangle
    Tequila-powered X-Platform development with Expo (robincussol.com)
    Jul 12, 2019
    What happens when you mix a bit of Tequila with Expo and Next.js? You obtain a nice Margarita, a subtle cocktail of cross-platform goodness!
    • Robin Cussol
    Building a job board with Gatsby.js, a case study (hackernoon.com)
    Jun 08, 2019
    Learn how we leveraged Gatsby.js to build a jobs board for software engineers searching for remote roles.
    • Steven Natera
    The case of partial hydration (with Next and Preact) (medium.com)
    May 22, 2019
    At Spring, we are responsible for maintaining various different news media websites for our parent company, Axel Springer. One of our latest releases, welt.de, is the fastest news media website in Germany; one of our most sought after goals is to continually achieve the best performance possible and the reason for this is simple: better performance usually means a better user experience and thus a higher user-retention.
    • Lukas Bombach
    Flamingo, women’s body care brand from Harry’s, chooses Gatsby for critical ecommerce launch, 5X faster page loads (gatsbyjs.org)
    Jan 30, 2019
    Here’s some of our conversation with Tim Brown, Senior Software Engineer and Johnny Lin, Engineering Manager at Harry’s.
    • Linda Watkins
    How We Moved From Wordpress to React and Raised $80 Million (medium.com)
    Jan 25, 2019
    Culture Trip’s website used to be a WordPress site. Now it’s a flexibile, universal (isomorphic) JavaScript App powered by Next.js, React, MobX and Styled-Components on the front-end that uses WordPress as a semi-headless CMS.
    • Yoav Ganbar
    A React State of Mind (State of JavaScript Survey 2018) (telerik.com)
    Nov 21, 2018
    The State of JavaScript Survey is something we wait for yearly to see developers' state of mind. This year continues the popularity we saw last year by React.
    • Eric Bishard
    Architecting product tours in React: Moving fast without a trail of tech debt (blog.asana.com)
    Oct 31, 2018
    In-product tours are notoriously difficult to build right. Here’s how we quickly built Asana’s architecture without leaving a trail of tech debt.
    • Greg Sabo
    How I built my own course platform (robinwieruch.de)
    Oct 25, 2018
    From having the idea to launching your own product: The article is a case study on how I built my own course platform in React, Stripe, Firebase to give other people a platform to learn React.
    I created the same app in React and Vue. Here are the differences (medium.freecodecamp.org)
    Aug 27, 2018
    I decided to try and build a fairly standard To Do App that allows a user to add and delete items from the list. Both apps were built using the default CLIs (create-react-app for React, and vue-cli for Vue)
    • Sunil Sandhu
    Case study of SSR with React in a large e-commerce app (blog.jakoblind.no)
    Oct 11, 2017
    Today we have a fully working SSR solution that has been in production for almost three years.
    React Native at Instagram (instagram-engineering.com)
    Feb 06, 2017
    Developer velocity is a defining value of Instagram’s mobile engineering.
    • Martin Bigio
    • Don Yu
    • Brian Rosenfeld
    • Grace Ku
    10 Reasons why I moved from Angular to React (robinwieruch.de)
    Jan 31, 2017
    The article should help people to understand the benefits of React and Angular for making an educated decision to choose between Angular or React. It tells my story why I moved from Angular to React after using both libraries for years.

    Video Guides & Talks

    Migrating to React: Iteratively Modernizing a Flash Frontend (youtube.com)
    Nov 19, 2019
    An overview of a multi-year project to update a Flash-based webcast player to HTML5. Learn why they eventually chose React for their frontend (and how they convinced management to let them rewrite it), how they gradually migrated their code, problems they encountered along the way and their solutions.
    • Gabriel Ricard
    ImpossibleFoods.com: Combining Gatsby + Contentful for Speed, Scale and Flexibility (youtube.com)
    Oct 22, 2019
    Both brands and users have high expectations for websites today, and these expectations are constantly getting higher. To satisfy them, your site must offer blazing-fast performance, unique and engaging bespoke experiences, and optimize for attracting new visitors, generating leads, and providing a positive return on investment.
    • Ashley Geo
    • David Fonnegra
    React architecture in Product Hunt (youtube.com)
    Oct 03, 2019
    In Product Hunt we have been using React for more than 4 years. In this talk, I'm going to showcase what is our React architecture. What we learned among the way. Topics includes will be designing reusable React components, GraphQL, routing, application lifecycle, optimizing for SEO.
    • Radoslav Stankov
    React Native at Skyscanner: The Good Parts (youtube.com)
    Oct 03, 2019
    In this talk, Karan will share his learnings from working on the React Native infrastructure at Skyscanner. These are concepts, issues and roadblocks that a developer would encounter in their journey of integrating React Native in a brownfield app.
    • Karan Thakkar
    Building React Native Apps 10 Things I've Learned On The Way (youtube.com)
    Jul 31, 2019
    In this session, I would share my experiences building React Native Apps, and the 10 things that I wish I knew early on. By the end of this talk, you will be equipped with best practices to follow while building your React Native App. Make sure you don’t repeat the same mistakes that I did.
    • Adhithi Ravichandran
    React Native - Case study: From an idea to the market (youtube.com)
    Jul 31, 2019
    This talk is about my journey in building an app that will keep track of your gym life. One single codebase and React Native. Only one person making an app for both Android and iOS that goes from zero to production till seeing your gym buddy using it.
    • Ferran Negre Pizarro
    Turning an Application UI into an API (youtube.com)
    Jul 11, 2019
    In this talk we’ll dive into how at Twilio we ended up architecting a programmable UI platform using React that both allows you to have a fully working UI out of the box but also customize functionality and user experience of it to your needs using the full power of React.
    • Narendra Shetty
    Building the New Facebook.com with React, GraphQL and Relay (youtube.com)
    May 30, 2019
    In this session, we'll discuss how we use the latest features of these technologies, like React Suspense, to help deliver a high quality, modern web experience at Facebook.
    Building A Large Scale React Native App (youtube.com)
    Jan 07, 2019
    At HuffPost we just finished rebuilding our main android news app in React Native. Explore some of the decisions we made about our code base and how those decisions impacted the success of the project and its future potential.
    • Raphael Eidus
    Move Fast, Don't Break Things: Trends in Modern Web Dev with Mediacurrent (youtube.com)
    Dec 17, 2018
    Learn about the decoupling of the CMS and a case study about a Drupal and Gatsby website.
    • Ben Robertson
    GraphQL + Audi = Yes! (youtube.com)
    Dec 05, 2018
    Audi's Director of IT Digital Tech Solutions and Strategy, Jeff Titus, shares his GraphQL journey and lessons learned along the way.
    • Jeff Titus
    Netflix Studio Insider: µServices to GraphQL (youtube.com)
    Dec 05, 2018
    Dane Avilla, Senior Software Engineer at Netflix, shares the lessons-learned at Netflix as we established a mechanism for teams to 'opt in' and migrate from various microservice platforms (REST, gRPC, etc.) to GraphQL while preserving 'Freedom & Responsibility'.
    Shipping 'Belonging' with GraphQL & Apollo at Airbnb (youtube.com)
    Dec 05, 2018
    Airbnb's mission is to create a world where anyone can Belong Anywhere. But we can only deliver on that vision by executing! GraphQL and Apollo Platform sit at the center of a portfolio of tools engineers at Airbnb are using to ship faster.
    The making of Twitter Lite (youtube.com)
    May 23, 2017
    Twitter Lite is a complex PWA built with Node.js, React, Redux, Service Workers, and Webpack. This talk will cover how our team designs and builds one of the world’s most visited web apps. You’ll also hear about React Native for Web; how we approach network and render performance challenges; and how we use new web platform features.

    Podcast Episodes

    React at Starbucks with Cher (realtalkjavascript.simplecast.com)
    Mar 10, 2020
    Cher talks with John and Ward about her experiences working on Starbucks PWA, and moving from Vue to React.
    • John Papa
    • Ward Bell
    • Cher Scarlett
    Progress with Houssein Djirdeh (reactpodcast.com)
    May 02, 2019
    On Progressive Web Apps and the Story of Building GitPoint with React Native
    React Native at Product Hunt feat. Radoslav Stankov and Vlad Vladimirov (devchat.tv)
    Aug 23, 2018
    In this episode of React Native Radio, the panel talks to Radoslav Stankov and Vlad Vladimirov, who are engineers at Product Hunt. They talk about why they came to Product Hunt, how the company works and collaborates remotely, and the general size and operation of Product Hunt. They also touch on the overview of the Product Hunt mobile app, the benefits and issues to using React Native to create the application, roadblocks and issues he ran into, and more!
    2 Years of React Native at Artsy with Orta Therox (devchat.tv)
    Aug 21, 2018
    In this episode, the React Round Up panelists talk to Orta Therox about his 2 years of experience with React Native at Artsy. They talk about the different popular blog posts about React Native, why his team decided to switch over to React Native, and the effects of team size on the success of the fit of React Native in each company’s app.
    Codesandbox with Ives van Hoorne (reactpodcast.com)
    May 22, 2018
    Ives van Hoorne is the creator of Codesandbox; an online code editor written completely in React. Although Codesandbox is written in React, it can be used to build applications for any front-end framework.
    Geeky Ants feat. Sanket Sahu & Saurabh Sahu (devchat.tv)
    May 21, 2018
    In today’s show, the React Native Radio Host, Nader Dabit and Gant Laborde speak with Sanket Sahu and Saurabh Sahu of Geeky Ants. Sanket and Saurabh talk about how they started their mobile app development company and working with open source, client projects, and cross platform development and much more. Topics covered are about Native Base, BuilderX, and their work with React Native.
    React Stack with G2i Team (softwareengineeringdaily.com)
    Apr 19, 2018
    • Gabe Greenberg
    • Lee Johnson
    • Chris Severns
    React with Netflix (shoptalkshow.com)
    May 22, 2017
    We're React-ing to a discussion with 3 developers at Netflix about React. Why did Netflix choose React? We also cover the reason behind Netflix's obsession with A/B testing?
    • Dave Rupert
    • Chris Coyier
    • Ryan Burgess
    • Jem Young
    • Naoufal Kadhom
    • Netflix