https://github.com/razorrun/react-native-test
https://github.com/razorrun/react-native-test
Last synced: 10 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/razorrun/react-native-test
- Owner: razorRun
- Created: 2025-07-31T22:20:14.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2025-07-31T22:41:04.000Z (10 months ago)
- Last Synced: 2025-08-01T00:51:31.617Z (10 months ago)
- Language: TypeScript
- Size: 271 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React Native Performance Test - Setup Instructions
## Prerequisites
- Node.js >= 16
- React Native development environment set up
- iOS Simulator or Android Emulator (preferably use a physical device)
- Flipper or React DevTools for profiling
## Installation
1. Clone the repository:
```bash
git clone
cd react-native-test
```
2. Install dependencies:
```bash
npm install
# or
yarn install
```
3. Install iOS dependencies (Mac only):
```bash
cd ios && pod install && cd ..
```
**Note**: If you encounter boost checksum errors during `pod install`, try these solutions:
**Option 1: Skip Flipper (recommended for testing)**
```bash
cd ios
NO_FLIPPER=1 pod install
```
**Option 2: Clear cache and retry**
```bash
cd ios
rm -rf Pods
pod cache clean --all
pod install --repo-update
```
**Option 3: Use Xcode directly**
- Open `ios/RNPerformanceTest.xcworkspace` in Xcode
- Build and run from Xcode
## Running the App
### iOS Simulator
```bash
npm run ios
# or
yarn ios
```
### Android Emulator
```bash
npm run android
# or
yarn android
```
**Note**: This test is designed to work well in simulators. The performance issues are noticeable even without a physical device.
## The Challenge
You have **1 hour** to identify and fix critical performance issues in this React Native e-commerce app.
### Instructions
1. **Read the test instructions**: Open `SENIOR_RN_PERFORMANCE_TEST.md`
2. **Profile first**: Use React Native Performance Monitor and profiling tools
3. **Focus on TOP 5 issues**: Don't try to fix everything
4. **Document your fixes**: Track what you changed and why
### Performance Issues to Look For
- Memory leaks
- Excessive re-renders
- Large datasets without pagination
- Animation performance
- Bridge communication issues
### Tools You Should Use
- React Native Performance Monitor (shake device or Cmd+D)
- Flipper (recommended)
- React DevTools
- Console logs for quick debugging
## Submission
After 1 hour, create a `PERFORMANCE_REPORT.md` file documenting:
1. Issues identified (ranked by severity)
2. Fixes implemented
3. Performance improvements achieved
4. Recommendations for issues you couldn't fix
Good luck!