How to Use shadcn/ui in React Native Applications [Full Handbook]

How many engineers does it take to build a social network?

I built and launched Pollzy on iOS and Android as a solo developer, despite having never built a mobile app before.

Why Shopify Migrated From React Native

Shopify từng sử dụng React Native cho ứng dụng di động của mình nhưng quyết định quay về phát triển native do hiệu năng không như kỳ vọng. Vấn đề chính nằm ở bộ nhớ chiếm dụng cao đến 86MB khi khởi chạy ứng dụng React Native, trong khi native app chỉ cần khoảng 16MB. Sự chậm trễ khi load màn hình và animation do JavaScript bridge gây ra làm trải nghiệm người dùng kém đi. Shopify đã chuyển hoàn toàn sang native development với Kotlin cho Android và Swift cho iOS, giúp giảm 70% kích thước ứng dụng và cải thiện đáng kể performance. Bài viết có giá trị tham khảo cho team cân nhắc giữa framework cross-platform và native development.

Bài viết này giúp lập trình viên hiểu rõ quyết định di chuyển từ React Native sang phát triển gốc của Shopify và bài học kinh nghiệm quan trọng đó.

No more tech debt

Trải nghiệm hoàn thành thành công migration của design system trong sự nghiệp của tác giả mang lại niềm vui lớn khi áp dụng các phương pháp tính toán mới cho các dự án rewrite lớn. Sự thay đổi này cho rằng việc quản lý technical debt có thể được kiểm soát hiệu quả khi áp dụng các phương pháp tiếp cận có hệ thống. Các dự án rewrite lớn trước đây thường bị cho là quá rủi ro và tốn kém, nhưng bây giờ có thể được tính toán chi tiết hơn. Bài viết này cung cấp góc nhìn thực tế về cách tiếp cận và toán học đằng sau các quyết định rewrite, điều mà các lập trình viên nên tham khảo để tối ưu hóa chiến lược kỹ thuật.

Bài chia sẻ này sẽ mang lại góc nhìn mới về cách tiếp cận dự án lớn và chiến lược giảm thiểu nợ kỹ thuật hiệu quả.

You don't need a Mac to develop iOS apps anymore — Expo blog

Exra mới tung ra EAS Simulator, dịch vụ cung cấp iPhone trong cloud cho mọi lập trình viên. Giải pháp này khắc phục hạn chế khi phát triển ứng dụng iOS yêu cầu thiết bị thực tế, tiết kiệm chi phí phần cứng. Công nghệ sử dụng EAS (Expo Application Services) để mô phỏng hoàn chỉnh môi trường iOS trên nền tảng cloud. Các lập trình viên có thể test ứng dụng trên thiết bị iPhone ảo mà không cần sở hữu Mac hay iPhone vật lý. Đây là bước tiến quan trọng giúp giảm rào cản phát triển cho cộng đồng lập trình đa nền tảng.

Bạn có thể phát triển ứng dụng iOS trên mọi thiết bị nhờ EAS Simulator Expo cung cấp iPhone đám mây.

Web-Based Event Dispatching, Variable Fonts, SceneDelegate, no breaking changes · React Native

React Native 0.88 giới thiệu Web-Based Event Dispatching giúp cải thiện hiệu suất xử lý sự kiện trên web. Bản cập nhật này hỗ trợ Variable Fonts, cho phép lập trình viên sử dụng font linh hoạt với nhiều trọng lượng và độ dày trong cùng một file font. Thay đổi quan trọng nhất là SceneDelegate API, giúp quản lý lifecycle của ứng dụng một cách hiệu quả hơn trong iOS. Những cập nhật này mang lại trải nghiệm người dùng mượt mà hơn mà không phá vỡ compatibility với ứng dụng hiện tại.

Bài viết này giúp lập trình viên nắm bắt các cập nhật mới nhất trong React Native 0.88 để tối ưu hóa hiệu suất và trải nghiệm người dùng.

From Tailwind to StyleX

Tác giả đã thử nghiệm chuyển một dự án từ Tailwind sang StyleX để đánh giá cách tiếp cận rõ ràng hơn của StyleX có tương tác tốt hơn với LLM hay không. Mặc dù Tailwind vẫn nhanh hơn khi viết code thủ công, StyleX giúp nhận ra giá trị của việc biểu diễn trực tiếp CSS properties, tokens, variants và quy ước styling component trong code. Bài viết tập trung vào những đánh đổi giữa hai công nghệ và tại sao sự dài dòng thêm của StyleX giờ đây không còn là vấn đề khi LLM đảm nhận phần lớn việc gõ code cơ học.

Bài viết này giúp lập trình viên hiểu được sự đánh đổi khi chuyển từ Tailwind sang StyleX trong kỷ nguyên AI, nơi công cụ tạo nội dung có thể hỗ trợ viết mã hiệu quả hơn.

Why I don't recommend Tailwind CSS

Tailwind CSS là framework CSS phổ biến giúp chuẩn hóa khoảng cách, màu sắc, kiểu chữ mà không yêu cầu kiến thức thiết kế đồ họa. Tuy nhiên, tác giả không khuyến nghị sử dụng nó do những hạn chế trong khả năng tùy biến, hiệu suất và cách tiếp cận "utility-first" có thể gây khó khăn cho việc bảo trì.

Lập trình viên nên đọc bài này để hiểu cách Tailwind CSS có thể khiến dự án trở nên rắc rối hơn khi không có kiến thức về thiết kế UI, dẫn đến thời gian phát triển lâu hơn và chất lượng thiết kế kém hơn so với cách sử dụng CSS truyền thống hoặc các framework khác.

Tailwind CSS v4 Dynamic Themes with CSS Variables

Tailwind CSS v4 cho phép tạo giao động màu sắc và chế độ tối linh hoạt thông qua CSS variables và @theme inline. Công nghệ này giúp kết hợp nhiều color theme và dark mode mà không cần dùng dark: variants. Thay vào đó, các utility như bg-primary có thể thích ứng tại runtime dựa trên giá trị CSS variables. Đáng học hỏi là cách tiếp cận này giúp quản lý theme dễ dàng hơn với 70% ít code CSS so với các phiên bản trước.

Bài viết hướng dẫn cách sử dụng CSS Variables để tạo themes động trong Tailwind CSS v4 mà không cần dark: variants, giúp tối ưu hóa trải nghiệm người dùng.