Skip to main content

🚀 React Native Version Upgrade Guide

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

Preface

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.

This article assumes that the person leading the React Native upgrade is a frontend developer who is familiar with JavaScript-based frontend build processes. If conditions permit, it's strongly recommended to involve iOS and Android developers during the upgrade. For some trivial upgrade details, face-to-face communication is far more efficient than search engines.

Tip: Because each modification and new content will hide the article for re-review, it's recommended to read the original blog post for the best reading experience

👉 Read Original Blog Post

If you find this article useful, please remember to like it 🌟. Thank you, it really means a lot to me!

🌐 Hidden Pitfalls in HTTP Specifications

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

The HTTP protocol is arguably the most familiar network protocol for developers. Its characteristics of being "simple and easy to understand" and "easy to extend" have made it the most widely used application-layer protocol.

Despite its many advantages, the protocol specification contains numerous hidden pitfalls due to various compromises and limitations during its definition, which can easily trap unsuspecting developers. This article summarizes common pitfalls in HTTP specifications to help developers consciously avoid them and improve their development experience.

🎨 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.

📦 The Painstakingly Learned Webpack DLL Configuration May Already Be Obsolete

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

If you've read some webpack4 optimization articles, you'll definitely encounter DLL dynamic link libraries. They are remembered by many beginners for their complex configuration. Today, I'll explore webpack DLL configuration step by step from a learner's perspective and finally arrive at a perfect solution.

The content and viewpoints in this article are different from most webpack4 optimization articles. If you have different opinions, welcome to discuss with me in the comments section.

📣 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.