HackerTube
HomeLongsLikedHistoryWatch laterCategoriesPlaylistsSettings

Zero to $10 Million with React Native + Next.js - Fernando Rojo - (Next.js Conf 2021)

Vercel2 HN recommenders · recommended in 2 months, 2022-2022
YouTube
57K views · 5 years ago · talk · dated

Fernando Rojo explains how BeatGig reached $10M in sales with one frontend engineer by sharing code between React Native and Next.js, covering navigation, animation, theming and performance.

Linked as the origin story and rationale for Solito and for sharing code between web and mobile.

Web developmentStartups & entrepreneurship#reactnative#next.js#solito#codesharing#mobileandweb

6 comments from Hacker News

@fernandorojo2022 · in “Solito – React Native and Next.js unified”

1. you can code share with iOS and Android. 2. the primitives provided by React Native solve the many bugs you get from low-level CSS and HTML. there are many other reasons, I touch on all of them in my Next.js + React Native talk at Next.js Conf: ▶ this video I built link with React Native and Next.js as the only front-end engineer and designer, and our iOS app and website share 99% of code across hundreds of screens.

CitesView on HN
@fernandorojo2022 · in “Solito – React Native and Next.js unified”

Creator of Solito here. I've built a number of React Native libraries (Moti, Dripsy, etc). Happy to answer any questions. I originally gave a talk at Next.js Conf about how/why we use Next.js with React Native: ▶ this video Navigation is the hardest piece of sharing code across platforms. Web has plain URLs for navigation state, whereas apps have complex sets of nested navigation patterns (stacks, tabs, modals, drawers). By combining the approaches into a single mental model and API, devs can build for Web and Mobile with ease. This is touched on at length in the "Methodology" and "Gradual Adoption" sections of the Solito docs. The gap between web devs and native devs is shrinking. This stack enables you to ship native apps and websites with a single codebase. I'm the only frontend engineer at our startup, and I was able to do just that as we scaled to thousands of users (see link ). My goal with Solito is to 1) provide the code to let others do it, and 2) perhaps more importantly, document clear patterns to deal with platform differences.

CitesView on HN
@reimertz2022 · in “Solito – React Native and Next.js unified”

For anyone interested, here is the keynote introducing Solito from Next.js Conf 2021 by it's creator Fernando Rojo. ▶ this video

CitesView on HN
@theturtletalks2022 · in “Solito – React Native and Next.js unified”

It's mainly cross platform components (Fernando refers to them as screens) that can be used on the web, iOS, and Android. In Next.js, you can import these components as pages. On iOS, file based routing does not exist. Solito fills in the cracks. His video at Next.js Conf was really informative: ▶ this video .

RecommendsView on HN
@theanirudh2022 · in “Building a Cross-Platform Web and Mobile App from the Ground Up”

This talk at Nextjs Conf explores cross platform solutions for common issues like routing, styling and animation. Found it to be quite helpful! ▶ this video

RecommendsView on HN
@ninjaa2022 · in “Is the madness ever going to end?”

And then there's one sr front end dev who started doing $10 mn ARR with a web app and react-native apps for iOS and Android from a Next.js monorepo all by his lonesome ▶ this video I really think the React-Native and Next.JS (and tRPC and Prisma and GQL) have hit a PHP-style tipping point where we are going to see a great new flowering of cross platform web and mobile apps (last seen in the Facebook / Wikipedia era 2007-2014 era and driven by MySQL + PHP + jQuery + Phonegap). I feel excited, the hype is finally real. So yeah sometimes that mixed abstractions complexity works against you, I feel like every decade or so it converges into a stack you can really use to effectively GTD.

CitesView on HN
React.js Conf 2016 - Ben Alpert - What Lies Ahead27:45

React.js Conf 2016 - Ben Alpert - What Lies Ahead

Meta Developers
50K views • 10 years ago
ClojureScript in the Age of TypeScript — David Nolen59:31

ClojureScript in the Age of TypeScript — David Nolen

ChariotSolutions
29K views • 5 years ago
[JSConfUS 2013] Tom Occhino and Jordan Walke: JS Apps at Facebook18:55

[JSConfUS 2013] Tom Occhino and Jordan Walke: JS Apps at Facebook

JSConf
45K views • 13 years ago
RailsConf 2016 -  Turbolinks 5: I Can’t Believe It’s Not Native! by Sam Stephenson37:37

RailsConf 2016 - Turbolinks 5: I Can’t Believe It’s Not Native! by Sam Stephenson

Confreaks
61K views • 10 years ago
Chiara Mooney & Shiven Mian – Building for Microsoft (Chain React 2023)33:04

Chiara Mooney & Shiven Mian – Building for Microsoft (Chain React 2023)

Infinite Red
6K views • 3 years ago
Cheng Lou - On the Spectrum of Abstraction at react-europe 201635:32

Cheng Lou - On the Spectrum of Abstraction at react-europe 2016

ReactEurope
63K views • 10 years ago
React.js Conf 2015 - The complementarity of React and Web Components25:47

React.js Conf 2015 - The complementarity of React and Web Components

Meta Developers
22K views • 11 years ago
Hacker Way: Rethinking Web App Development at Facebook44:36

Hacker Way: Rethinking Web App Development at Facebook

Meta Developers
900K views • 12 years ago
React.js Conf 2015 - Beyond the DOM: How Netflix plans to enhance your television experience25:55

React.js Conf 2015 - Beyond the DOM: How Netflix plans to enhance your television experience

Meta Developers
26K views • 11 years ago
Pete Hunt - The Secrets of React's Virtual DOM (FutureJS 2014)35:25

Pete Hunt - The Secrets of React's Virtual DOM (FutureJS 2014)

Codegram
75K views • 12 years ago
Om Next - David Nolen46:18

Om Next - David Nolen

ClojureTV
44K views • 11 years ago
Keynote - JSON Graph: Reactive REST at Netflix54:58

Keynote - JSON Graph: Reactive REST at Netflix

Association for Computing Machinery (ACM)
41K views • 11 years ago
Sebastian Markbage: Minimal API Surface Area | JSConf EU 201424:28

Sebastian Markbage: Minimal API Surface Area | JSConf EU 2014

JSConf
71K views • 12 years ago
Pete Hunt: React - Rethinking Best Practices (updated) - JSConf.Asia 201340:58

Pete Hunt: React - Rethinking Best Practices (updated) - JSConf.Asia 2013

JSConf
58K views • 12 years ago
Netflix JavaScript Talks - Async JavaScript with Reactive Extensions28:39

Netflix JavaScript Talks - Async JavaScript with Reactive Extensions

Matt Marenghi
69K views • 12 years ago
The economics of open source by C J Silverio | JSConf EU 201937:43

The economics of open source by C J Silverio | JSConf EU 2019

JSConf
92K views • 7 years ago
React Helsinki February 20201:16:07

React Helsinki February 2020

Fraktio
42K views • 6 years ago
Pete Hunt: React: Rethinking best practices -- JSConf EU29:32

Pete Hunt: React: Rethinking best practices -- JSConf EU

JSConf
548K views • 13 years ago
Rich Harris - Rethinking reactivity36:45

Rich Harris - Rethinking reactivity

You Gotta Love Frontend
334K views • 7 years ago
Dan Abramov: Beyond React 16 | JSConf Iceland33:25

Dan Abramov: Beyond React 16 | JSConf Iceland

JSConf
139K views • 8 years ago