▸case-01 I'm building a social feed screen in my React Native app that renders a long list of user posts with images, and I also need to save user settings locally. Below is my current component using standard core components and basic storage. Could you refactor this file to align with modern high-performance Expo standards and explain the structural changes? | fail→pass | 24,203 | 22,872 | -5% | 1 | 1 | 0% | 3,813 | 4,212 | +10% | 0 | 0 | — |
▸case-02 I am setting up a new cross-platform mobile project using Expo and need an architectural guide. Can you provide a recommended folder structure, navigation pattern, and app configuration checklist to ensure optimal performance and smooth UI animations? | pass→pass | 22,979 | 18,709 | -19% | 1 | 1 | 0% | 3,608 | 3,256 | -10% | 0 | 0 | — |
▸case-03 Our Expo mobile app is suffering from frame drops when scrolling through data-heavy feeds and slow key-value state persistence. Could you rewrite our list and storage implementation using modern recommended packages and patterns to improve frame rates and responsiveness? | fail→pass | 22,765 | 26,820 | +18% | 1 | 1 | 0% | 4,752 | 4,246 | -11% | 0 | 0 | — |
▸case-04 We are displaying thousands of user avatar thumbnails in our Expo mobile application. The standard React Native `<Image />` component causes flickering and high network bandwidth usage because it lacks built-in disk caching and placeholder support. Which image rendering component should we adopt, and what configuration features does it provide for placeholders? | pass→pass | 15,966 | 14,686 | -8% | 1 | 1 | 0% | 1,893 | 2,146 | +13% | 0 | 0 | — |
▸case-05 We need to build a fluid swipeable card stack animation in React Native. Our current implementation using React Native's built-in `Animated` API suffers from frame drops during heavy main-thread JS calculations. What animation framework should we use to guarantee 60fps animations off the main JS thread? | pass→pass | 18,749 | 15,220 | -19% | 1 | 1 | 0% | 2,889 | 2,602 | -10% | 0 | 0 | — |
▸case-06 In our Expo application, we need a key-value storage solution to read design theme tokens and user session tokens synchronously on app launch before rendering the initial UI. Standard asynchronous storage causes visible screen flashing during initialization. What local storage package should we use to achieve fast synchronous access? | pass→pass | 17,409 | 13,016 | -25% | 1 | 1 | 0% | 2,279 | 1,951 | -14% | 0 | 0 | — |
▸case-07 We are refactoring our Expo client application's network data layer. Currently, global state tools like Redux Toolkit are being used to store API response payloads, leading to bloated boilerplate for caching, deduplication, and refetching on reconnect. What specialized server-state management library should we integrate? | pass→pass | 19,527 | 14,240 | -27% | 1 | 1 | 0% | 2,471 | 2,199 | -11% | 0 | 0 | — |
▸case-08 We are starting a multi-screen Expo mobile application from scratch and need to establish the primary navigation architecture. Should we use traditional object-based screen configurations like React Navigation stack navigators, or a file-based routing architecture? | pass→pass | 20,657 | 13,548 | -34% | 1 | 1 | 0% | 2,573 | 2,871 | +12% | 0 | 0 | — |
▸case-09 We are configuring deep links for our Expo mobile app so that external URLs like `myapp://profile/123` route users directly to screen layouts. In which configuration file should the deep link URL scheme be defined? | pass→pass | 9,140 | 2,264 | -75% | 1 | 1 | 0% | 735 | 897 | +22% | 0 | 0 | — |
▸case-10 We are implementing shared navigation wrappers like tab bars and header stacks across multiple screen routes using Expo Router. What specific filename convention is used to define these persistent layout wrappers in route directories? | pass→pass | 3,243 | 8,528 | +163% | 1 | 1 | 0% | 554 | 1,119 | +102% | 0 | 0 | — |
▸case-11 Our React Native feed displays hundreds of dynamic height items, but standard list controls lead to memory spikes and scroll lag due to unoptimized virtualization. What list library should replace standard list views to maximize frame rates? | pass→pass | 12,809 | 14,186 | +11% | 1 | 1 | 0% | 2,128 | 2,139 | +1% | 0 | 0 | — |
▸case-12 To improve startup time and reduce binary size in our production React Native Expo app, which JavaScript engine should be explicitly verified and enabled in our app configuration? | pass→pass | 11,273 | 7,580 | -33% | 1 | 1 | 0% | 1,091 | 926 | -15% | 0 | 0 | — |
▸case-13 When designing screen views in our React Native app, content is overlapping the device notch and bottom gesture bar on modern devices. What layout wrapper or spacing strategy should be applied to prevent UI elements from intruding into hardware UI areas? | pass→pass | 11,347 | 10,376 | -9% | 1 | 1 | 0% | 2,162 | 2,442 | +13% | 0 | 0 | — |
▸case-14 We need to compile iOS `.ipa` and Android `.apk` binaries for our Expo mobile project without relying on developer local Xcode or Android Studio installations. Which Expo platform tool should be used for cloud binary compilation? | pass→pass | 4,313 | 3,910 | -9% | 1 | 1 | 0% | 738 | 1,210 | +64% | 0 | 0 | — |
▸case-15 Our team has been prototyping our app inside Expo Go, but we now need to integrate a custom native C++ module that requires direct native Android and iOS project files. How should our dev workflow change regarding Expo Go vs development builds? | pass→pass | 21,270 | 18,125 | -15% | 1 | 1 | 0% | 2,746 | 2,711 | -1% | 0 | 0 | — |
▸case-16 Our Expo mobile app experiences network drops in subterranean transportation. How should asynchronous network data fetches be managed to ensure smooth UX when device network connectivity is lost? | pass→pass | 22,193 | 21,213 | -4% | 1 | 1 | 0% | 3,040 | 3,433 | +13% | 0 | 0 | — |
▸case-17 We are building an image-heavy media gallery in an Expo application and want to display lightweight visual placeholders before full-resolution network images finish downloading. What feature built into `expo-image` enables generating tiny compact hash placeholders? | pass→pass | 6,868 | 11,002 | +60% | 1 | 1 | 0% | 1,168 | 1,473 | +26% | 0 | 0 | — |
▸case-18 We want our React Native app to share utility class styling syntax with our web application, avoiding verbose `StyleSheet.create` objects. What library brings Tailwind CSS class names natively to React Native? | pass→pass | 12,106 | 9,249 | -24% | 1 | 1 | 0% | 1,250 | 1,241 | -1% | 0 | 0 | — |
▸case-19 We are performing a pre-release performance audit on an Expo React Native codebase. What four critical configuration and architectural checks should be verified on our pre-launch audit list? | fail→fail | 19,695 | 6,863 | -65% | 1 | 1 | 0% | 2,491 | 1,664 | -33% | 0 | 0 | — |
▸case-20 When performing touch-driven card dragging animations in React Native, calculated coordinates passing across the asynchronous bridge cause frame drops. How should these heavy gesture calculations be executed to maintain 60fps? | pass→pass | 21,720 | 18,583 | -14% | 1 | 1 | 0% | 2,984 | 3,101 | +4% | 0 | 0 | — |
▸case-21 We are building a Next.js 14 server-side rendered web application and need recommendations for server state caching and local key-value persistence in browser environments. What standard browser web APIs and web libraries should be used? | pass→pass | 17,892 | 16,396 | -8% | 1 | 1 | 0% | 3,212 | 2,488 | -23% | 0 | 0 | — |
▸case-22 We are developing a native iOS application in Swift using SwiftUI. We need a performant scrolling list view and local data persistence solution for storing user preferences on Apple devices. Which Swift and iOS native framework APIs should be used? | pass→pass | 18,487 | 16,674 | -10% | 1 | 1 | 0% | 2,480 | 2,530 | +2% | 0 | 0 | — |
▸case-23 Our team is building a cross-platform mobile app using Flutter and Dart. We need to implement file-based screen navigation and local key-value state persistence. Which Dart packages or Flutter framework tools should be configured? | pass→fail | 22,853 | 13,846 | -39% | 1 | 1 | 0% | 3,287 | 3,061 | -7% | 0 | 0 | — |