Migrating Coinbase's 56M Users to React Native: Key Lessons and Takeaways
Coinbase transitioned 56 million users to React Native, addressing performance challenges like re-rendering. Nick Cherry discussed platform-specific optimizations, Farcaster/Warpcast development, React Navigation, Expo benefits, and AI in front-end development. StepChange offers database modernization services.
Read original article
Coinbase migrated 56 million users to React Native, with insights shared by Nick Cherry, a former Coinbase engineer. He discussed performance challenges like re-rendering impacting JavaScript FPS and solutions like memoization. Nick compared iOS and Android performance on React Native, emphasizing platform-specific optimizations. He also detailed his work on Farcaster/Warpcast, a decentralized social network, and the development process for its React Native app using REST APIs and delegated keys. Nick mentioned tools like React Navigation and challenges faced, including performance issues and native library bridging. Expo's benefits for development and OTA updates were highlighted, along with advice on starting a new mobile app and the potential of AI in front-end development. StepChange offers expertise in modernizing databases for improved scalability and efficiency, having worked with companies like Nextdoor, Clubhouse, and Coinbase. They provide services for optimizing PostgreSQL queries and performance tuning. Contact StepChange for assistance in enhancing application performance and scalability.
Related
Understanding React Compiler
React's core architecture simplifies app development but can lead to performance issues. The React team introduced React Compiler to automate performance tuning by rewriting code using AST, memoization, and hook storage for optimization.
Understanding React Compiler
React's core architecture simplifies development but can lead to performance issues. The React team introduced the React Compiler to automate performance tuning by rewriting code. Transpilers like Babel convert JSX for efficiency. Compilers, transpilers, and optimizers analyze and produce equivalent code. React Compiler enhances functionality using Abstract Syntax Trees, memoization, and hook storage for optimized performance.
React Native team says "Use Expo"
The React Conf suggests using a React Native framework like Expo for app development, offering essential APIs for navigation, data fetching, and state management. Expo simplifies upgrades and tooling, while custom frameworks are an option. The React Native team endorses Expo as the primary community framework, with support for using React Native without a framework. The guidance is reflected in the updated Getting Started page, and a detailed RFC0759 explains the rationale and potential future recommendations for fostering competition and innovation in the React Native ecosystem.
Enhancing New York Times Web Performance with React 18
The New York Times upgraded to React 18 for better performance and new features like Concurrent Mode and server-side rendering. Challenges with "embedded interactives" were overcome, leading to improved website performance.
4 commentsRelated
Understanding React Compiler
React's core architecture simplifies app development but can lead to performance issues. The React team introduced React Compiler to automate performance tuning by rewriting code using AST, memoization, and hook storage for optimization.
Understanding React Compiler
React's core architecture simplifies development but can lead to performance issues. The React team introduced the React Compiler to automate performance tuning by rewriting code. Transpilers like Babel convert JSX for efficiency. Compilers, transpilers, and optimizers analyze and produce equivalent code. React Compiler enhances functionality using Abstract Syntax Trees, memoization, and hook storage for optimized performance.
React Native team says "Use Expo"
The React Conf suggests using a React Native framework like Expo for app development, offering essential APIs for navigation, data fetching, and state management. Expo simplifies upgrades and tooling, while custom frameworks are an option. The React Native team endorses Expo as the primary community framework, with support for using React Native without a framework. The guidance is reflected in the updated Getting Started page, and a detailed RFC0759 explains the rationale and potential future recommendations for fostering competition and innovation in the React Native ecosystem.
Enhancing New York Times Web Performance with React 18
The New York Times upgraded to React 18 for better performance and new features like Concurrent Mode and server-side rendering. Challenges with "embedded interactives" were overcome, leading to improved website performance.