React Demolishes Engineering Silos So Facebook Can Reuse Code For Web, iOS, And Android

Comment

Image Credits:

It was supposed to take 18 months. But with React Native, Facebook built its iOS Ads Manager app in 5 months, and then ported it to Android in just 3 more months. That’s because React Native let Facebook’s engineers work faster and reuse the JavaScript backend.

Coders have dreamed of a system that would let them ‘write once, run anywhere’. But Facebook engineering manager Tom Occhino says the performace of those apps “feels like shit”. Instead, he says the opportunity is to “learn to build user interfaces once with React, and then you can write your apps anywhere.”

IMG_2350

React and React Native are two tools that have helped Facebook build websites and mobile apps faster. React is a powerful JavaScript framework for web apps. React Native lets developers build native mobile apps in that familiar JavaScript language while displaying user interfaces in high-performance native components.

Facebook open sourced React in 2013 and React Native earlier this year at its F8 conference. That helps it get tons of feedback on how to improve the tools. But now Facebook’s opening up more figuratively about how important these technologies are to its business. Occhino and Facebook engineering director Adam Wolff, who was the co-founder of a company called Sharegrove that Facebook acquired in 2010 to build React, spoke to a group of reporters today.

First Wolff gave a little history of Facebook’s mobile engineering effort. Things were a disaster in 2011. Facebook had grown up as a web-only company that frequently iterated and tested new features. But the pursuit of speed became what Mark Zuckerberg famously called one Facebook’s “biggest mistakes”

The mobile apps were built on HTML5 — a hybrid of native infrastructure wrapped around content pulled from its website. That made it quick to make updates because Facebook could write one mobile web code base and easily wrap it in iOS or Android. But this HTML5 format led to painfully slow mobile apps that users hated.

mobileteamold

Finally in 2012, Mark Zuckerberg declared the company would become mobile first. Whole iOS and Android teams were devised to overhaul the code, and when Facebook re-released its entirely native apps for iOS and Android, speed went up dramatically and so did user satisfaction.

But still, the mobile teams were siloed. So Facebook changed its engineering structure again, led a huge charge to train most of its engineerings in one of the big mobile operating systems, and embedded mobile engineers inside each product team like photos or events.

mobileteamnew

Wolff admits this “slowed down development”, because engineers had to learn these new mobile mediums, and because building for mobile naturally takes longer because of device and native app constraints. But the benefit goes to the user. The native apps are harder to make, yet they can be faster and flashier without using more of a phone’s computing and energy resources.

Facebook ReactNow with React and React Native, the silos dividing Facebook’s engineering teams for web, iOS, and Android are coming down, and so are the barriers to building great apps. Once engineers know how to code in JavaScript for React, they can easily write apps for any of the major platforms.

Next, Facebook is building two more tools called Relay and Flow that will let it still use the JavaScript backend and React, but get some of the flexibility and productivity benefits of more modern coding languages. Occhino concluded “Developers could move really fast on web, and we’re trying to get some of that back with React Native.”

More TechCrunch

On the heels of raising $102 million earlier this year, Bugcrowd is making good on its promise to use some of that funding to make acquisitions to strengthen its security…

Bugcrowd, the crowdsourced white-hat hacker platform, acquires Informer to ramp up its security chops

Google is preparing to build what will be the first subsea fibre optic cable connecting the continents of Africa and Australia. The news comes as the major cloud hyperscalers battle…

Google to build first subsea fibre optic cable connecting Africa with Australia

The Kia EV3 — the new all-electric compact SUV revealed Thursday — illustrates a growing appetite among global automakers to bring generative AI into their vehicles.  The automaker said the…

The new Kia EV3 will have an AI assistant with ChatGPT DNA

Bing, Microsoft’s search engine, isn’t working properly right now. At first, we noticed it wasn’t possible to perform a web search at all. Now it seems search results are loading…

Bing’s API is down, taking Microsoft Copilot, DuckDuckGo and ChatGPT’s web search feature down too

If you thought autonomous driving was just for cars, think again. The so-called ‘autonomous navigation’ market — where ships steer themselves guided by AI, resulting in fuel and time savings…

Autonomous shipping startup Orca AI tops up with $23M led by OCV Partners and MizMaa Ventures

The best known mycoprotein is probably Quorn, a meat substitute that’s fast approaching its 40th birthday. But Finnish biotech startup Enifer is cooking up something even older: Its proprietary single-cell…

Meet the Finnish biotech startup bringing a long lost mycoprotein to your plate

Silo, a Bay Area food supply chain startup, has hit a rough patch. TechCrunch has learned that the company on Tuesday laid off roughly 30% of its staff, or north…

Food supply chain software maker Silo lays off ~30% of staff amid M&A discussions

Featured Article

Meta’s new AI council is composed entirely of white men

Meanwhile, women and people of color are disproportionately impacted by irresponsible AI.

14 hours ago
Meta’s new AI council is composed entirely of white men

If you’ve ever wanted to apply to Y Combinator, here’s some inside scoop on how the iconic accelerator goes about choosing companies.

Garry Tan has revealed his ‘secret sauce’ for getting into Y Combinator

Indian ride-hailing startup BluSmart has started operating in Dubai, TechCrunch has exclusively learned and confirmed with its executive. The move to Dubai, which has been rumored for months, could help…

India’s BluSmart is testing its ride-hailing service in Dubai

Under the envisioned framework, both candidate and issue ads would be required to include an on-air and filed disclosure that AI-generated content was used.

FCC proposes all AI-generated content in political ads must be disclosed

Want to make a founder’s day, week, month, and possibly career? Refer them to Startup Battlefield 200 at Disrupt 2024! Applications close June 10 at 11:59 p.m. PT. TechCrunch’s Startup…

Refer a founder to Startup Battlefield 200 at Disrupt 2024

Social networking startup and X competitor Bluesky is officially launching DMs (direct messages), the company announced on Wednesday. Later, Bluesky plans to “fully support end-to-end encrypted messaging down the line,”…

Bluesky now has DMs

The perception in Silicon Valley is that every investor would love to be in business with Peter Thiel. But the venture capital fundraising environment has become so difficult that even…

Peter Thiel-founded Valar Ventures raised a $300 million fund, half the size of its last one

Featured Article

Spyware found on US hotel check-in computers

Several hotel check-in computers are running a remote access app, which is leaking screenshots of guest information to the internet.

18 hours ago
Spyware found on US hotel check-in computers

Gavet has had a rocky tenure at Techstars and her leadership was the subject of much controversy.

Techstars CEO Maëlle Gavet is out

The struggle isn’t universal, however.

Connected fitness is adrift post-pandemic

Featured Article

A comprehensive list of 2024 tech layoffs

The tech layoff wave is still going strong in 2024. Following significant workforce reductions in 2022 and 2023, this year has already seen 60,000 job cuts across 254 companies, according to independent layoffs tracker Layoffs.fyi. Companies like Tesla, Amazon, Google, TikTok, Snap and Microsoft have conducted sizable layoffs in the first months of 2024. Smaller-sized…

19 hours ago
A comprehensive list of 2024 tech layoffs

HoundDog actually looks at the code a developer is writing, using both traditional pattern matching and large language models to find potential issues.

HoundDog.ai helps developers prevent personal information from leaking

The changes are designed to enhance the consumer experience of using Google Pay and make it a more competitive option against other payment methods.

Google Pay will now display card perks, BNPL options and more

Few figures in the tech industry have earned the storied reputation of Vinod Khosla, founder and partner at Khosla Ventures. For over 40 years, he has been at the center…

Vinod Khosla is coming to Disrupt to discuss how AI might change the future

AI has already started replacing voice agents’ jobs. Now, companies are exploring ways to replace the existing computer-generated voice models with synthetic versions of human voices. Truecaller, the widely known…

Truecaller partners with Microsoft to let its AI respond to calls in your own voice

Meta is updating its Ray-Ban smart glasses with new hands-free functionality, the company announced on Wednesday. Most notably, users can now share an image from their smart glasses directly to…

Meta’s Ray-Ban smart glasses now let you share images directly to your Instagram Story

Spotify launched its own font, the company announced on Wednesday. The music streaming service hopes that its new typeface, “Spotify Mix,” will help Spotify distinguish its own unique visual identity. …

Why Spotify is launching its own font, Spotify Mix

In 2008, Marty Kagan, who’d previously worked at Cisco and Akamai, co-founded Cedexis, a (now-Cisco-owned) firm developing observability tech for content delivery networks. Fellow Cisco veteran Hasan Alayli joined Kagan…

Hydrolix seeks to make storing log data faster and cheaper

A dodgy email containing a link that looks “legit” but is actually malicious remains one of the most dangerous, yet successful, tricks in a cybercriminal’s handbook. Now, an AI startup…

Bolster, creator of the CheckPhish phishing tracker, raises $14M led by Microsoft’s M12

If you’ve been looking forward to seeing Boeing’s Starliner capsule carry two astronauts to the International Space Station for the first time, you’ll have to wait a bit longer. The…

Boeing, NASA indefinitely delay crewed Starliner launch

TikTok is the latest tech company to incorporate generative AI into its ads business, as the company announced on Tuesday that it’s launching a new “TikTok Symphony” AI suite for…

TikTok turns to generative AI to boost its ads business

Gone are the days when space and defense were considered fundamentally antithetical to venture investment. Now, the country’s largest venture capital firms are throwing larger portions of their money behind…

Space VC closes $20M Fund II to back frontier tech founders from day zero