Skip to main content

7 posts tagged with "cross-platform development"

View All Tags

🤯 These React Native Pitfalls Only Come with 2+ Years of Development Experience

· 11 min read
卤代烃
微信公众号@卤代烃实验室

When developing with React Native, if you're just writing some simple pages, you can basically write them following the official documentation reactnative.dev. However, React Native has hundreds of APIs. Without certain development experience and pitfall-hitting experience, you really can't grasp the key points when facing new requirements.

This article summarizes the problems I encountered in personal React Native development and some less common APIs. If someone happens to see this article and solves actual problems with it, that would be great.

⚡️ React Native Startup Speed Optimization - Native Chapter (Including Source Code Analysis)

· 21 min read
卤代烃
微信公众号@卤代烃实验室

Web development has a classic question: "What happens from entering a URL to page rendering in the browser?"

According to my research, this question has at least ten years of history. In the ever-changing, hard-to-learn frontend circle, this question continues to be asked because it's a very good question involving many knowledge points. When doing some performance optimization, you can start from this question, analyze performance bottlenecks, and then optimize accordingly.

But today we're not talking about Web performance optimization. Just borrowing the analysis approach of that classic question, from React Native startup to the first page render completion, combining React Native source code and the new 1.0 architecture, explore React Native's startup performance optimization path.

🧭 React Native Version Upgrade Guide

· One min read
卤代烃
微信公众号@卤代烃实验室

React Native as a cross-platform framework has one of the most headache-inducing problems: version updates. Especially when encountering major version updates, the configuration and build files for JavaScript, iOS, and Android all undergo significant changes. Sometimes these configuration files are coupled together, where one change affects everything.

🎨 React Native Performance Optimization Guide - Rendering Chapter

· 38 min read
卤代烃
微信公众号@卤代烃实验室

Update Notice

Article updated on 2022-08-29 with "Image" optimization content

Article updated on 2022-01-22 with "Fabric" architecture chapter

Article updated on 2021-07-01 with Redux optimization content

Talking about React Native in 2020, in the ever-changing frontend circle, might be considered quite alternative. Before writing this article, I hesitated, but then I thought that writing technical articles isn't about following trends - writing about whatever is trendy. So I decided to write this React Native performance optimization article.

The React Native performance optimizations discussed in this article haven't reached the level of modifying React Native source code, so they are highly universal and useful for most RN developers.

📣 React Native Jump to App Push Settings and Get Push Status

· 5 min read
卤代烃
微信公众号@卤代烃实验室

To improve push notification delivery rates, the product team proposed a requirement: display a small tip when app push notifications are disabled, and clicking the tip should jump to the app's notification settings interface.

Our app is built with React Native, and Facebook doesn't officially provide these features, so we need to develop corresponding native modules.