Cross-platform: ReactNative, Jamstack, And Beyond

on YouTube ↗36m

" summary

Builds and open sources gatsby-plugin-react-native-web that lets MDX components render both on static Gatsby sites and in native apps, using Gatsby, MDX, React‑Native‑Web, Expo, React‑Navigation and Netlify for CI. Demonstrates a blog and a personal mobile app that share component code, shows how navigation and styling differences are handled, and automates cross‑platform publishing with Expo + Netlify CI. Plugin is production‑used and reduces duplicate implementations across web and mobile.

AI-written summary · about

" chapters (9)

1. 0:00Intro
2. 0:57Story of my blog
3. 3:022 years later...
4. 11:11Plugin V1 limits
5. 13:10Plugin V2 limits
6. 18:36Take-aways
7. 26:16Static mobile app generator
8. 30:01CI Automation
9. 32:32All the platforms

" related talks

• 12mJamstack + React NativeSebastien Lorber · ReactEurope 2020
• 16mBuilding Cross-Platform Apps with React Native + Next.jsFernando Rojo · App.js Conf 2022
• 59mOne Codebase to Rule Them All - Using React Native EverywhereJesse Weigel · NDC Minnesota 2019
• 46mReact Native for Web Panel DiscussionReact Nexus 2023
• 21mBuilding Cross-Platform Component Libraries for Web and Native with ReactPerttu Lähteenlahtii · React Advanced 2021
• 35mMigration Web (Angular) to Mobile Development (React Native)Artem Paliy · VinnytsiaJS 2018
• 28mCross-Platform ReactAnna Doubkova · ReactNext 2019
• 43mReact Native for Multi-platform Mobile ApplicationsMatteo Manchi · Codemotion Milan 2017