├── .babelrc ├── .buckconfig ├── .eslintrc ├── .flowconfig ├── .gitattributes ├── .gitignore ├── .watchmanconfig ├── README.md ├── RESULTS.md ├── android ├── app │ ├── BUCK │ ├── build.gradle │ ├── proguard-rules.pro │ └── src │ │ └── main │ │ ├── AndroidManifest.xml │ │ ├── ic_launcher-web.png │ │ ├── java │ │ └── org │ │ │ └── brunolemos │ │ │ └── react-native-css-in-js-benchmarks │ │ │ ├── MainActivity.java │ │ │ └── MainApplication.java │ │ └── res │ │ ├── mipmap-anydpi-v26 │ │ ├── ic_launcher.xml │ │ └── ic_launcher_round.xml │ │ ├── mipmap-hdpi │ │ ├── ic_launcher.png │ │ ├── ic_launcher_foreground.png │ │ └── ic_launcher_round.png │ │ ├── mipmap-mdpi │ │ ├── ic_launcher.png │ │ ├── ic_launcher_foreground.png │ │ └── ic_launcher_round.png │ │ ├── mipmap-xhdpi │ │ ├── ic_launcher.png │ │ ├── ic_launcher_foreground.png │ │ └── ic_launcher_round.png │ │ ├── mipmap-xxhdpi │ │ ├── ic_launcher.png │ │ ├── ic_launcher_foreground.png │ │ └── ic_launcher_round.png │ │ ├── mipmap-xxxhdpi │ │ ├── ic_launcher.png │ │ ├── ic_launcher_foreground.png │ │ └── ic_launcher_round.png │ │ └── values │ │ ├── ic_launcher_background.xml │ │ ├── strings.xml │ │ └── styles.xml ├── build.gradle ├── gradle.properties ├── gradle │ └── wrapper │ │ ├── gradle-wrapper.jar │ │ └── gradle-wrapper.properties ├── gradlew ├── gradlew.bat ├── keystores │ ├── BUCK │ └── debug.keystore.properties └── settings.gradle ├── app.json ├── e2e ├── App.spec.js ├── config.json └── init.js ├── index.js ├── ios ├── react_native_css_in_js_benchmarks-tvOS │ └── Info.plist ├── react_native_css_in_js_benchmarks-tvOSTests │ └── Info.plist ├── react_native_css_in_js_benchmarks.xcodeproj │ ├── project.pbxproj │ └── xcshareddata │ │ └── xcschemes │ │ ├── react_native_css_in_js_benchmarks-tvOS.xcscheme │ │ └── react_native_css_in_js_benchmarks.xcscheme ├── react_native_css_in_js_benchmarks │ ├── AppDelegate.h │ ├── AppDelegate.m │ ├── Base.lproj │ │ └── LaunchScreen.xib │ ├── Images.xcassets │ │ ├── AppIcon.appiconset │ │ │ ├── Contents.json │ │ │ ├── Icon-App-20x20@1x.png │ │ │ ├── Icon-App-20x20@2x.png │ │ │ ├── Icon-App-20x20@3x.png │ │ │ ├── Icon-App-29x29@1x.png │ │ │ ├── Icon-App-29x29@2x.png │ │ │ ├── Icon-App-29x29@3x.png │ │ │ ├── Icon-App-40x40@1x.png │ │ │ ├── Icon-App-40x40@2x.png │ │ │ ├── Icon-App-40x40@3x.png │ │ │ ├── Icon-App-57x57@1x.png │ │ │ ├── Icon-App-57x57@2x.png │ │ │ ├── Icon-App-60x60@1x.png │ │ │ ├── Icon-App-60x60@2x.png │ │ │ ├── Icon-App-60x60@3x.png │ │ │ ├── Icon-App-72x72@1x.png │ │ │ ├── Icon-App-72x72@2x.png │ │ │ ├── Icon-App-76x76@1x.png │ │ │ ├── Icon-App-76x76@2x.png │ │ │ ├── Icon-App-76x76@3x.png │ │ │ ├── Icon-App-83.5x83.5@2x.png │ │ │ ├── Icon-Small-50x50@1x.png │ │ │ ├── Icon-Small-50x50@2x.png │ │ │ └── ItunesArtwork@2x.png │ │ ├── Contents.json │ │ ├── iTunesArtwork@1x.png │ │ ├── iTunesArtwork@2x.png │ │ └── iTunesArtwork@3x.png │ ├── Info.plist │ └── main.m └── react_native_css_in_js_benchmarksTests │ ├── Info.plist │ └── react_native_css_in_js_benchmarksTests.m ├── package-lock.json ├── package.json ├── src ├── components │ ├── App.js │ ├── App.test.js │ ├── benchmarks │ │ ├── fela │ │ │ ├── helpers.js │ │ │ ├── inline │ │ │ │ └── index.js │ │ │ ├── primitives │ │ │ │ └── index.js │ │ │ └── simple │ │ │ │ └── index.js │ │ ├── glamorous │ │ │ ├── inline │ │ │ │ └── index.js │ │ │ ├── props │ │ │ │ └── index.js │ │ │ └── simple │ │ │ │ └── index.js │ │ ├── index.js │ │ ├── react-native │ │ │ ├── inline-only │ │ │ │ └── index.js │ │ │ └── stylesheet │ │ │ │ └── index.js │ │ └── styled-components │ │ │ ├── decoupled-cell │ │ │ └── index.js │ │ │ ├── inline │ │ │ └── index.js │ │ │ └── simple │ │ │ └── index.js │ └── common │ │ ├── Benchmark.js │ │ ├── Button.js │ │ ├── MessageRow.js │ │ ├── Picker.android.js │ │ └── Picker.ios.js └── utils │ ├── colors.js │ ├── helpers.js │ └── types.js └── yarn.lock /.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["react-native"] 3 | } 4 | -------------------------------------------------------------------------------- /.buckconfig: -------------------------------------------------------------------------------- 1 | 2 | [android] 3 | target = Google Inc.:Google APIs:23 4 | 5 | [maven_repositories] 6 | central = https://repo1.maven.org/maven2 7 | -------------------------------------------------------------------------------- /.eslintrc: -------------------------------------------------------------------------------- 1 | { 2 | "parser": "babel-eslint", 3 | "extends": ["airbnb", "plugin:react/recommended", "prettier", "prettier/react"], 4 | "env": { 5 | "es6": true 6 | }, 7 | "globals": { 8 | "__DEV__": true, 9 | "performance": true 10 | }, 11 | "plugins": ["babel", "import", "react", "react-native", "prettier", "detox"], 12 | "parserOptions": { 13 | "ecmaVersion": 6, 14 | "ecmaFeatures": { 15 | "jsx": true 16 | }, 17 | "sourceType": "module" 18 | }, 19 | "settings": { 20 | "import/resolver": { 21 | "node": { 22 | "extensions": [".js", ".android.js", ".ios.js"] 23 | } 24 | } 25 | }, 26 | "rules": { 27 | "import/prefer-default-export": "off", 28 | "react/jsx-filename-extension": "off", 29 | "react/no-array-index-key": "off", 30 | "react/no-typos": "off", 31 | "react/prefer-stateless-function": [ 32 | "error", 33 | { 34 | "ignorePureComponents": true 35 | } 36 | ], 37 | "react/require-default-props": "off", 38 | "no-case-declarations": "off", 39 | "no-confusing-arrow": "off", 40 | "no-console": [ 41 | "error", 42 | { 43 | "allow": ["debug", "error", "warn"] 44 | } 45 | ], 46 | "no-underscore-dangle": "off", 47 | "no-nested-ternary": "off", 48 | "react/default-props-match-prop-types": "off", 49 | "react-native/no-unused-styles": "error", 50 | "react-native/split-platform-components": "error", 51 | "react-native/no-color-literals": "warn", 52 | "no-plusplus": "off", 53 | "prettier/prettier": [ 54 | "error", 55 | { 56 | "semi": false, 57 | "singleQuote": true, 58 | "trailingComma": "all" 59 | } 60 | ] 61 | } 62 | } 63 | -------------------------------------------------------------------------------- /.flowconfig: -------------------------------------------------------------------------------- 1 | [ignore] 2 | ; We fork some components by platform 3 | .*/*[.]android.js 4 | 5 | ; Ignore "BUCK" generated dirs 6 | /\.buckd/ 7 | 8 | ; Ignore unexpected extra "@providesModule" 9 | .*/node_modules/.*/node_modules/fbjs/.* 10 | 11 | ; Ignore duplicate module providers 12 | ; For RN Apps installed via npm, "Libraries" folder is inside 13 | ; "node_modules/react-native" but in the source repo it is in the root 14 | .*/Libraries/react-native/React.js 15 | 16 | ; Ignore polyfills 17 | .*/Libraries/polyfills/.* 18 | 19 | [include] 20 | 21 | [libs] 22 | node_modules/react-native/Libraries/react-native/react-native-interface.js 23 | node_modules/react-native/flow/ 24 | 25 | [options] 26 | emoji=true 27 | 28 | module.system=haste 29 | 30 | munge_underscores=true 31 | 32 | module.name_mapper='^[./a-zA-Z0-9$_-]+\.\(bmp\|gif\|jpg\|jpeg\|png\|psd\|svg\|webp\|m4v\|mov\|mp4\|mpeg\|mpg\|webm\|aac\|aiff\|caf\|m4a\|mp3\|wav\|html\|pdf\)$' -> 'RelativeImageStub' 33 | 34 | suppress_type=$FlowIssue 35 | suppress_type=$FlowFixMe 36 | suppress_type=$FlowFixMeProps 37 | suppress_type=$FlowFixMeState 38 | suppress_type=$FixMe 39 | 40 | suppress_comment=\\(.\\|\n\\)*\\$FlowFixMe\\($\\|[^(]\\|(\\(>=0\\.\\(5[0-6]\\|[1-4][0-9]\\|[0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\) 41 | suppress_comment=\\(.\\|\n\\)*\\$FlowIssue\\((\\(>=0\\.\\(5[0-6]\\|[1-4][0-9]\\|[0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)?:? #[0-9]+ 42 | suppress_comment=\\(.\\|\n\\)*\\$FlowFixedInNextDeploy 43 | suppress_comment=\\(.\\|\n\\)*\\$FlowExpectedError 44 | 45 | unsafe.enable_getters_and_setters=true 46 | 47 | [version] 48 | ^0.56.0 49 | -------------------------------------------------------------------------------- /.gitattributes: -------------------------------------------------------------------------------- 1 | *.pbxproj -text 2 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # OSX 2 | # 3 | .DS_Store 4 | 5 | # Xcode 6 | # 7 | build/ 8 | *.pbxuser 9 | !default.pbxuser 10 | *.mode1v3 11 | !default.mode1v3 12 | *.mode2v3 13 | !default.mode2v3 14 | *.perspectivev3 15 | !default.perspectivev3 16 | xcuserdata 17 | *.xccheckout 18 | *.moved-aside 19 | DerivedData 20 | *.hmap 21 | *.ipa 22 | *.xcuserstate 23 | project.xcworkspace 24 | 25 | # Android/IntelliJ 26 | # 27 | build/ 28 | .idea 29 | .gradle 30 | local.properties 31 | *.iml 32 | 33 | # node.js 34 | # 35 | node_modules/ 36 | npm-debug.log 37 | yarn-error.log 38 | 39 | # BUCK 40 | buck-out/ 41 | \.buckd/ 42 | *.keystore 43 | 44 | # fastlane 45 | # 46 | # It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the 47 | # screenshots whenever they are needed. 48 | # For more information about the recommended setup visit: 49 | # https://docs.fastlane.tools/best-practices/source-control/ 50 | 51 | */fastlane/report.xml 52 | */fastlane/Preview.html 53 | */fastlane/screenshots 54 | 55 | .vscode 56 | .history -------------------------------------------------------------------------------- /.watchmanconfig: -------------------------------------------------------------------------------- 1 | {} -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # CSS in JS Benchmarks 2 | ## for React Native 3 | 4 | 5 | ### Results 6 | 7 | See [RESULTS.md](RESULTS.md) for the benchmark results. 8 | 9 | 10 | ### Technique 11 | 12 | - Big table with random data and dynamic background color opacity 13 | - Multiple implementations for each lib with small variations, e.g. using inline styles or not 14 | - Multiple rerenders are executed per test and the result is their average render time 15 | 16 | React Native running CSS in JS benchmarks on iOS simulator 17 | 18 | ### Libs 19 | 20 | - [fela-native](https://github.com/rofrischmann/fela/tree/master/packages/fela-native) 21 | - [glamorous-native](https://github.com/robinpowered/glamorous-native) 22 | - [react-native](https://github.com/facebook/react-native) 23 | - [styled-components](https://github.com/styled-components/styled-components) 24 | 25 | Know any other? Please open an [issue](https://github.com/brunolemos/react-native-css-in-js-benchmarks/issues) or, preferrably, a [pull request](https://github.com/brunolemos/react-native-css-in-js-benchmarks/pulls) :) 26 | 27 | 28 | ### Inspiration 29 | 30 | The idea and some code pieces are heavily inspired by [A-gambit/CSS-IN-JS-Benchmarks](https://github.com/A-gambit/CSS-IN-JS-Benchmarks), which benchmarks were made for React Web. 31 | 32 | ### How to run 33 | 34 | - Run `git clone git@github.com:brunolemos/react-native-css-in-js-benchmarks.git` 35 | - Run `yarn` or `npm install` 36 | 37 | #### Manually 38 | - Run `react-native run-ios` 39 | - Use the app as usual 40 | 41 | #### Automatically 42 | - Run `brew tap wix/brew` 43 | - Run `brew install applesimutils` 44 | - Start the iPhone X Simulator 45 | - Run `npm run test:e2e:build` 46 | - Run `npm run test:e2e` 47 | 48 | [Detox](https://github.com/wix/detox) will run all benchmarks and show the results at the end. 49 | 50 | ### Author 51 | 52 | Bruno Lemos (follow [@brunolemos](https://twitter.com/brunolemos) on twitter) 53 | -------------------------------------------------------------------------------- /RESULTS.md: -------------------------------------------------------------------------------- 1 | # CSS in JS Benchmarks 2 | ## for React Native 3 | 4 | 5 | ### Results 6 | 7 | #### Sorted by rerender time 8 | 9 | Lib | Variation | Mount Time (ms) | Rerender time (ms) 10 | :--- | :--- | :--- | :--- 11 | [react-native](https://github.com/facebook/react-native) (v0.55.4) | [inline-only](src/components/benchmarks/react-native/inline-only/index.js) | 177 | 25 12 | [react-native](https://github.com/facebook/react-native) (v0.55.4) | [stylesheet](src/components/benchmarks/react-native/stylesheet/index.js) | 176 | 28 13 | [fela-native](https://github.com/rofrischmann/fela/tree/master/packages/fela-native) (v5.0.21) | [simple](src/components/benchmarks/fela/simple/index.js) | 180 | 32 14 | [glamorous-native](https://github.com/robinpowered/glamorous-native) (v1.4.0) | [props](src/components/benchmarks/glamorous/props/index.js) | 205 | 36 15 | [glamorous-native](https://github.com/robinpowered/glamorous-native) (v1.4.0) | [inline](src/components/benchmarks/glamorous/inline/index.js) | 218 | 38 16 | [fela-native](https://github.com/rofrischmann/fela/tree/master/packages/fela-native) (v5.0.21) | [inline](src/components/benchmarks/fela/inline/index.js) | 243 | 39 17 | [glamorous-native](https://github.com/robinpowered/glamorous-native) (v1.4.0) | [simple](src/components/benchmarks/glamorous/simple/index.js) | 222 | 44 18 | [styled-components](https://github.com/styled-components/styled-components) (v3.3.2) | [inline](src/components/benchmarks/styled-components/inline/index.js) | 224 | 47 19 | [fela-native](https://github.com/rofrischmann/fela/tree/master/packages/fela-native) (v5.0.21) | [primitives](src/components/benchmarks/fela/primitives/index.js) | 246 | 57 20 | [styled-components](https://github.com/styled-components/styled-components) (v3.3.2) | [simple](src/components/benchmarks/styled-components/simple/index.js) | 293 | 65 21 | [styled-components](https://github.com/styled-components/styled-components) (v3.3.2) | [decoupled-cell](src/components/benchmarks/styled-components/decoupled-cell/index.js) | 284 | 79 22 | -------------------------------------------------------------------------------- /android/app/BUCK: -------------------------------------------------------------------------------- 1 | # To learn about Buck see [Docs](https://buckbuild.com/). 2 | # To run your application with Buck: 3 | # - install Buck 4 | # - `npm start` - to start the packager 5 | # - `cd android` 6 | # - `keytool -genkey -v -keystore keystores/debug.keystore -storepass android -alias androiddebugkey -keypass android -dname "CN=Android Debug,O=Android,C=US"` 7 | # - `./gradlew :app:copyDownloadableDepsToLibs` - make all Gradle compile dependencies available to Buck 8 | # - `buck install -r android/app` - compile, install and run application 9 | # 10 | 11 | lib_deps = [] 12 | 13 | for jarfile in glob(['libs/*.jar']): 14 | name = 'jars__' + jarfile[jarfile.rindex('/') + 1: jarfile.rindex('.jar')] 15 | lib_deps.append(':' + name) 16 | prebuilt_jar( 17 | name = name, 18 | binary_jar = jarfile, 19 | ) 20 | 21 | for aarfile in glob(['libs/*.aar']): 22 | name = 'aars__' + aarfile[aarfile.rindex('/') + 1: aarfile.rindex('.aar')] 23 | lib_deps.append(':' + name) 24 | android_prebuilt_aar( 25 | name = name, 26 | aar = aarfile, 27 | ) 28 | 29 | android_library( 30 | name = "all-libs", 31 | exported_deps = lib_deps, 32 | ) 33 | 34 | android_library( 35 | name = "app-code", 36 | srcs = glob([ 37 | "src/main/java/**/*.java", 38 | ]), 39 | deps = [ 40 | ":all-libs", 41 | ":build_config", 42 | ":res", 43 | ], 44 | ) 45 | 46 | android_build_config( 47 | name = "build_config", 48 | package = "org.brunolemos.react-native-css-in-js-benchmarks", 49 | ) 50 | 51 | android_resource( 52 | name = "res", 53 | package = "org.brunolemos.react-native-css-in-js-benchmarks", 54 | res = "src/main/res", 55 | ) 56 | 57 | android_binary( 58 | name = "app", 59 | keystore = "//android/keystores:debug", 60 | manifest = "src/main/AndroidManifest.xml", 61 | package_type = "debug", 62 | deps = [ 63 | ":app-code", 64 | ], 65 | ) 66 | -------------------------------------------------------------------------------- /android/app/build.gradle: -------------------------------------------------------------------------------- 1 | apply plugin: "com.android.application" 2 | 3 | import com.android.build.OutputFile 4 | 5 | /** 6 | * The react.gradle file registers a task for each build variant (e.g. bundleDebugJsAndAssets 7 | * and bundleReleaseJsAndAssets). 8 | * These basically call `react-native bundle` with the correct arguments during the Android build 9 | * cycle. By default, bundleDebugJsAndAssets is skipped, as in debug/dev mode we prefer to load the 10 | * bundle directly from the development server. Below you can see all the possible configurations 11 | * and their defaults. If you decide to add a configuration block, make sure to add it before the 12 | * `apply from: "../../node_modules/react-native/react.gradle"` line. 13 | * 14 | * project.ext.react = [ 15 | * // the name of the generated asset file containing your JS bundle 16 | * bundleAssetName: "index.android.bundle", 17 | * 18 | * // the entry file for bundle generation 19 | * entryFile: "index.android.js", 20 | * 21 | * // whether to bundle JS and assets in debug mode 22 | * bundleInDebug: false, 23 | * 24 | * // whether to bundle JS and assets in release mode 25 | * bundleInRelease: true, 26 | * 27 | * // whether to bundle JS and assets in another build variant (if configured). 28 | * // See http://tools.android.com/tech-docs/new-build-system/user-guide#TOC-Build-Variants 29 | * // The configuration property can be in the following formats 30 | * // 'bundleIn${productFlavor}${buildType}' 31 | * // 'bundleIn${buildType}' 32 | * // bundleInFreeDebug: true, 33 | * // bundleInPaidRelease: true, 34 | * // bundleInBeta: true, 35 | * 36 | * // whether to disable dev mode in custom build variants (by default only disabled in release) 37 | * // for example: to disable dev mode in the staging build type (if configured) 38 | * devDisabledInStaging: true, 39 | * // The configuration property can be in the following formats 40 | * // 'devDisabledIn${productFlavor}${buildType}' 41 | * // 'devDisabledIn${buildType}' 42 | * 43 | * // the root of your project, i.e. where "package.json" lives 44 | * root: "../../", 45 | * 46 | * // where to put the JS bundle asset in debug mode 47 | * jsBundleDirDebug: "$buildDir/intermediates/assets/debug", 48 | * 49 | * // where to put the JS bundle asset in release mode 50 | * jsBundleDirRelease: "$buildDir/intermediates/assets/release", 51 | * 52 | * // where to put drawable resources / React Native assets, e.g. the ones you use via 53 | * // require('./image.png')), in debug mode 54 | * resourcesDirDebug: "$buildDir/intermediates/res/merged/debug", 55 | * 56 | * // where to put drawable resources / React Native assets, e.g. the ones you use via 57 | * // require('./image.png')), in release mode 58 | * resourcesDirRelease: "$buildDir/intermediates/res/merged/release", 59 | * 60 | * // by default the gradle tasks are skipped if none of the JS files or assets change; this means 61 | * // that we don't look at files in android/ or ios/ to determine whether the tasks are up to 62 | * // date; if you have any other folders that you want to ignore for performance reasons (gradle 63 | * // indexes the entire tree), add them here. Alternatively, if you have JS files in android/ 64 | * // for example, you might want to remove it from here. 65 | * inputExcludes: ["android/**", "ios/**"], 66 | * 67 | * // override which node gets called and with what additional arguments 68 | * nodeExecutableAndArgs: ["node"], 69 | * 70 | * // supply additional arguments to the packager 71 | * extraPackagerArgs: [] 72 | * ] 73 | */ 74 | 75 | project.ext.react = [ 76 | entryFile: "index.js" 77 | ] 78 | 79 | apply from: "../../node_modules/react-native/react.gradle" 80 | 81 | /** 82 | * Set this to true to create two separate APKs instead of one: 83 | * - An APK that only works on ARM devices 84 | * - An APK that only works on x86 devices 85 | * The advantage is the size of the APK is reduced by about 4MB. 86 | * Upload all the APKs to the Play Store and people will download 87 | * the correct one based on the CPU architecture of their device. 88 | */ 89 | def enableSeparateBuildPerCPUArchitecture = false 90 | 91 | /** 92 | * Run Proguard to shrink the Java bytecode in release builds. 93 | */ 94 | def enableProguardInReleaseBuilds = false 95 | 96 | android { 97 | compileSdkVersion 26 98 | buildToolsVersion '26.0.2' 99 | 100 | defaultConfig { 101 | applicationId "org.brunolemos.react-native-css-in-js-benchmarks" 102 | minSdkVersion 16 103 | targetSdkVersion 26 104 | versionCode 1 105 | versionName "1.0" 106 | ndk { 107 | abiFilters "armeabi-v7a", "x86" 108 | } 109 | } 110 | splits { 111 | abi { 112 | reset() 113 | enable enableSeparateBuildPerCPUArchitecture 114 | universalApk false // If true, also generate a universal APK 115 | include "armeabi-v7a", "x86" 116 | } 117 | } 118 | buildTypes { 119 | release { 120 | minifyEnabled enableProguardInReleaseBuilds 121 | proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro" 122 | } 123 | } 124 | // applicationVariants are e.g. debug, release 125 | applicationVariants.all { variant -> 126 | variant.outputs.each { output -> 127 | // For each separate APK per architecture, set a unique version code as described here: 128 | // http://tools.android.com/tech-docs/new-build-system/user-guide/apk-splits 129 | def versionCodes = ["armeabi-v7a":1, "x86":2] 130 | def abi = output.getFilter(OutputFile.ABI) 131 | if (abi != null) { // null for the universal-debug, universal-release variants 132 | output.versionCodeOverride = 133 | versionCodes.get(abi) * 1048576 + defaultConfig.versionCode 134 | } 135 | } 136 | } 137 | } 138 | 139 | dependencies { 140 | compile fileTree(dir: "libs", include: ["*.jar"]) 141 | compile "com.android.support:appcompat-v7:23.0.1" 142 | compile "com.facebook.react:react-native:+" // From node_modules 143 | } 144 | 145 | // Run this once to be able to run the application with BUCK 146 | // puts all compile dependencies into folder libs for BUCK to use 147 | task copyDownloadableDepsToLibs(type: Copy) { 148 | from configurations.compile 149 | into 'libs' 150 | } 151 | -------------------------------------------------------------------------------- /android/app/proguard-rules.pro: -------------------------------------------------------------------------------- 1 | # Add project specific ProGuard rules here. 2 | # By default, the flags in this file are appended to flags specified 3 | # in /usr/local/Cellar/android-sdk/24.3.3/tools/proguard/proguard-android.txt 4 | # You can edit the include path and order by changing the proguardFiles 5 | # directive in build.gradle. 6 | # 7 | # For more details, see 8 | # http://developer.android.com/guide/developing/tools/proguard.html 9 | 10 | # Add any project specific keep options here: 11 | 12 | # If your project uses WebView with JS, uncomment the following 13 | # and specify the fully qualified class name to the JavaScript interface 14 | # class: 15 | #-keepclassmembers class fqcn.of.javascript.interface.for.webview { 16 | # public *; 17 | #} 18 | 19 | # Disabling obfuscation is useful if you collect stack traces from production crashes 20 | # (unless you are using a system that supports de-obfuscate the stack traces). 21 | -dontobfuscate 22 | 23 | # React Native 24 | 25 | # Keep our interfaces so they can be used by other ProGuard rules. 26 | # See http://sourceforge.net/p/proguard/bugs/466/ 27 | -keep,allowobfuscation @interface com.facebook.proguard.annotations.DoNotStrip 28 | -keep,allowobfuscation @interface com.facebook.proguard.annotations.KeepGettersAndSetters 29 | -keep,allowobfuscation @interface com.facebook.common.internal.DoNotStrip 30 | 31 | # Do not strip any method/class that is annotated with @DoNotStrip 32 | -keep @com.facebook.proguard.annotations.DoNotStrip class * 33 | -keep @com.facebook.common.internal.DoNotStrip class * 34 | -keepclassmembers class * { 35 | @com.facebook.proguard.annotations.DoNotStrip *; 36 | @com.facebook.common.internal.DoNotStrip *; 37 | } 38 | 39 | -keepclassmembers @com.facebook.proguard.annotations.KeepGettersAndSetters class * { 40 | void set*(***); 41 | *** get*(); 42 | } 43 | 44 | -keep class * extends com.facebook.react.bridge.JavaScriptModule { *; } 45 | -keep class * extends com.facebook.react.bridge.NativeModule { *; } 46 | -keepclassmembers,includedescriptorclasses class * { native ; } 47 | -keepclassmembers class * { @com.facebook.react.uimanager.UIProp ; } 48 | -keepclassmembers class * { @com.facebook.react.uimanager.annotations.ReactProp ; } 49 | -keepclassmembers class * { @com.facebook.react.uimanager.annotations.ReactPropGroup ; } 50 | 51 | -dontwarn com.facebook.react.** 52 | 53 | # TextLayoutBuilder uses a non-public Android constructor within StaticLayout. 54 | # See libs/proxy/src/main/java/com/facebook/fbui/textlayoutbuilder/proxy for details. 55 | -dontwarn android.text.StaticLayout 56 | 57 | # okhttp 58 | 59 | -keepattributes Signature 60 | -keepattributes *Annotation* 61 | -keep class okhttp3.** { *; } 62 | -keep interface okhttp3.** { *; } 63 | -dontwarn okhttp3.** 64 | 65 | # okio 66 | 67 | -keep class sun.misc.Unsafe { *; } 68 | -dontwarn java.nio.file.* 69 | -dontwarn org.codehaus.mojo.animal_sniffer.IgnoreJRERequirement 70 | -dontwarn okio.** 71 | -------------------------------------------------------------------------------- /android/app/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 5 | 6 | 7 | 8 | 9 | 15 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | -------------------------------------------------------------------------------- /android/app/src/main/ic_launcher-web.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brunolemos/react-native-css-in-js-benchmarks/3eb5709c10ba4d0ac6fbcc5eac50c56d04e62de3/android/app/src/main/ic_launcher-web.png -------------------------------------------------------------------------------- /android/app/src/main/java/org/brunolemos/react-native-css-in-js-benchmarks/MainActivity.java: -------------------------------------------------------------------------------- 1 | package org.brunolemos.react-native-css-in-js-benchmarks; 2 | 3 | import com.facebook.react.ReactActivity; 4 | 5 | public class MainActivity extends ReactActivity { 6 | 7 | /** 8 | * Returns the name of the main component registered from JavaScript. 9 | * This is used to schedule rendering of the component. 10 | */ 11 | @Override 12 | protected String getMainComponentName() { 13 | return "react_native_css_in_js_benchmarks"; 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /android/app/src/main/java/org/brunolemos/react-native-css-in-js-benchmarks/MainApplication.java: -------------------------------------------------------------------------------- 1 | package org.brunolemos.react-native-css-in-js-benchmarks; 2 | 3 | import android.app.Application; 4 | 5 | import com.facebook.react.ReactApplication; 6 | import com.facebook.react.ReactNativeHost; 7 | import com.facebook.react.ReactPackage; 8 | import com.facebook.react.shell.MainReactPackage; 9 | import com.facebook.soloader.SoLoader; 10 | 11 | import java.util.Arrays; 12 | import java.util.List; 13 | 14 | public class MainApplication extends Application implements ReactApplication { 15 | 16 | private final ReactNativeHost mReactNativeHost = new ReactNativeHost(this) { 17 | @Override 18 | public boolean getUseDeveloperSupport() { 19 | return BuildConfig.DEBUG; 20 | } 21 | 22 | @Override 23 | protected List getPackages() { 24 | return Arrays.asList( 25 | new MainReactPackage() 26 | ); 27 | } 28 | 29 | @Override 30 | protected String getJSMainModuleName() { 31 | return "index"; 32 | } 33 | }; 34 | 35 | @Override 36 | public ReactNativeHost getReactNativeHost() { 37 | return mReactNativeHost; 38 | } 39 | 40 | @Override 41 | public void onCreate() { 42 | super.onCreate(); 43 | SoLoader.init(this, /* native exopackage */ false); 44 | } 45 | } 46 | -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-hdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brunolemos/react-native-css-in-js-benchmarks/3eb5709c10ba4d0ac6fbcc5eac50c56d04e62de3/android/app/src/main/res/mipmap-hdpi/ic_launcher.png -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-hdpi/ic_launcher_foreground.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brunolemos/react-native-css-in-js-benchmarks/3eb5709c10ba4d0ac6fbcc5eac50c56d04e62de3/android/app/src/main/res/mipmap-hdpi/ic_launcher_foreground.png -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-hdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brunolemos/react-native-css-in-js-benchmarks/3eb5709c10ba4d0ac6fbcc5eac50c56d04e62de3/android/app/src/main/res/mipmap-hdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-mdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brunolemos/react-native-css-in-js-benchmarks/3eb5709c10ba4d0ac6fbcc5eac50c56d04e62de3/android/app/src/main/res/mipmap-mdpi/ic_launcher.png -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-mdpi/ic_launcher_foreground.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brunolemos/react-native-css-in-js-benchmarks/3eb5709c10ba4d0ac6fbcc5eac50c56d04e62de3/android/app/src/main/res/mipmap-mdpi/ic_launcher_foreground.png -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-mdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brunolemos/react-native-css-in-js-benchmarks/3eb5709c10ba4d0ac6fbcc5eac50c56d04e62de3/android/app/src/main/res/mipmap-mdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-xhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brunolemos/react-native-css-in-js-benchmarks/3eb5709c10ba4d0ac6fbcc5eac50c56d04e62de3/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-xhdpi/ic_launcher_foreground.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brunolemos/react-native-css-in-js-benchmarks/3eb5709c10ba4d0ac6fbcc5eac50c56d04e62de3/android/app/src/main/res/mipmap-xhdpi/ic_launcher_foreground.png -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brunolemos/react-native-css-in-js-benchmarks/3eb5709c10ba4d0ac6fbcc5eac50c56d04e62de3/android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brunolemos/react-native-css-in-js-benchmarks/3eb5709c10ba4d0ac6fbcc5eac50c56d04e62de3/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-xxhdpi/ic_launcher_foreground.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brunolemos/react-native-css-in-js-benchmarks/3eb5709c10ba4d0ac6fbcc5eac50c56d04e62de3/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_foreground.png -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brunolemos/react-native-css-in-js-benchmarks/3eb5709c10ba4d0ac6fbcc5eac50c56d04e62de3/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brunolemos/react-native-css-in-js-benchmarks/3eb5709c10ba4d0ac6fbcc5eac50c56d04e62de3/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_foreground.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brunolemos/react-native-css-in-js-benchmarks/3eb5709c10ba4d0ac6fbcc5eac50c56d04e62de3/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_foreground.png -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brunolemos/react-native-css-in-js-benchmarks/3eb5709c10ba4d0ac6fbcc5eac50c56d04e62de3/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /android/app/src/main/res/values/ic_launcher_background.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | #512DA8 4 | -------------------------------------------------------------------------------- /android/app/src/main/res/values/strings.xml: -------------------------------------------------------------------------------- 1 | 2 | CSS in JS Benchmarks 3 | 4 | -------------------------------------------------------------------------------- /android/app/src/main/res/values/styles.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /android/build.gradle: -------------------------------------------------------------------------------- 1 | // Top-level build file where you can add configuration options common to all sub-projects/modules. 2 | 3 | buildscript { 4 | repositories { 5 | jcenter() 6 | } 7 | dependencies { 8 | classpath 'com.android.tools.build:gradle:3.0.0' 9 | 10 | // NOTE: Do not place your application dependencies here; they belong 11 | // in the individual module build.gradle files 12 | } 13 | } 14 | 15 | allprojects { 16 | repositories { 17 | mavenLocal() 18 | jcenter() 19 | maven { 20 | // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm 21 | url "$rootDir/../node_modules/react-native/android" 22 | } 23 | } 24 | } 25 | -------------------------------------------------------------------------------- /android/gradle.properties: -------------------------------------------------------------------------------- 1 | # Project-wide Gradle settings. 2 | 3 | # IDE (e.g. Android Studio) users: 4 | # Gradle settings configured through the IDE *will override* 5 | # any settings specified in this file. 6 | 7 | # For more details on how to configure your build environment visit 8 | # http://www.gradle.org/docs/current/userguide/build_environment.html 9 | 10 | # Specifies the JVM arguments used for the daemon process. 11 | # The setting is particularly useful for tweaking memory settings. 12 | # Default value: -Xmx10248m -XX:MaxPermSize=256m 13 | # org.gradle.jvmargs=-Xmx2048m -XX:MaxPermSize=512m -XX:+HeapDumpOnOutOfMemoryError -Dfile.encoding=UTF-8 14 | 15 | # When configured, Gradle will run in incubating parallel mode. 16 | # This option should only be used with decoupled projects. More details, visit 17 | # http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects 18 | # org.gradle.parallel=true 19 | 20 | android.useDeprecatedNdk=true 21 | -------------------------------------------------------------------------------- /android/gradle/wrapper/gradle-wrapper.jar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brunolemos/react-native-css-in-js-benchmarks/3eb5709c10ba4d0ac6fbcc5eac50c56d04e62de3/android/gradle/wrapper/gradle-wrapper.jar -------------------------------------------------------------------------------- /android/gradle/wrapper/gradle-wrapper.properties: -------------------------------------------------------------------------------- 1 | #Fri Nov 17 01:52:19 BRST 2017 2 | distributionBase=GRADLE_USER_HOME 3 | distributionPath=wrapper/dists 4 | zipStoreBase=GRADLE_USER_HOME 5 | zipStorePath=wrapper/dists 6 | distributionUrl=https\://services.gradle.org/distributions/gradle-4.1-all.zip 7 | -------------------------------------------------------------------------------- /android/gradlew: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env bash 2 | 3 | ############################################################################## 4 | ## 5 | ## Gradle start up script for UN*X 6 | ## 7 | ############################################################################## 8 | 9 | # Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. 10 | DEFAULT_JVM_OPTS="" 11 | 12 | APP_NAME="Gradle" 13 | APP_BASE_NAME=`basename "$0"` 14 | 15 | # Use the maximum available, or set MAX_FD != -1 to use that value. 16 | MAX_FD="maximum" 17 | 18 | warn ( ) { 19 | echo "$*" 20 | } 21 | 22 | die ( ) { 23 | echo 24 | echo "$*" 25 | echo 26 | exit 1 27 | } 28 | 29 | # OS specific support (must be 'true' or 'false'). 30 | cygwin=false 31 | msys=false 32 | darwin=false 33 | case "`uname`" in 34 | CYGWIN* ) 35 | cygwin=true 36 | ;; 37 | Darwin* ) 38 | darwin=true 39 | ;; 40 | MINGW* ) 41 | msys=true 42 | ;; 43 | esac 44 | 45 | # For Cygwin, ensure paths are in UNIX format before anything is touched. 46 | if $cygwin ; then 47 | [ -n "$JAVA_HOME" ] && JAVA_HOME=`cygpath --unix "$JAVA_HOME"` 48 | fi 49 | 50 | # Attempt to set APP_HOME 51 | # Resolve links: $0 may be a link 52 | PRG="$0" 53 | # Need this for relative symlinks. 54 | while [ -h "$PRG" ] ; do 55 | ls=`ls -ld "$PRG"` 56 | link=`expr "$ls" : '.*-> \(.*\)$'` 57 | if expr "$link" : '/.*' > /dev/null; then 58 | PRG="$link" 59 | else 60 | PRG=`dirname "$PRG"`"/$link" 61 | fi 62 | done 63 | SAVED="`pwd`" 64 | cd "`dirname \"$PRG\"`/" >&- 65 | APP_HOME="`pwd -P`" 66 | cd "$SAVED" >&- 67 | 68 | CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar 69 | 70 | # Determine the Java command to use to start the JVM. 71 | if [ -n "$JAVA_HOME" ] ; then 72 | if [ -x "$JAVA_HOME/jre/sh/java" ] ; then 73 | # IBM's JDK on AIX uses strange locations for the executables 74 | JAVACMD="$JAVA_HOME/jre/sh/java" 75 | else 76 | JAVACMD="$JAVA_HOME/bin/java" 77 | fi 78 | if [ ! -x "$JAVACMD" ] ; then 79 | die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME 80 | 81 | Please set the JAVA_HOME variable in your environment to match the 82 | location of your Java installation." 83 | fi 84 | else 85 | JAVACMD="java" 86 | which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 87 | 88 | Please set the JAVA_HOME variable in your environment to match the 89 | location of your Java installation." 90 | fi 91 | 92 | # Increase the maximum file descriptors if we can. 93 | if [ "$cygwin" = "false" -a "$darwin" = "false" ] ; then 94 | MAX_FD_LIMIT=`ulimit -H -n` 95 | if [ $? -eq 0 ] ; then 96 | if [ "$MAX_FD" = "maximum" -o "$MAX_FD" = "max" ] ; then 97 | MAX_FD="$MAX_FD_LIMIT" 98 | fi 99 | ulimit -n $MAX_FD 100 | if [ $? -ne 0 ] ; then 101 | warn "Could not set maximum file descriptor limit: $MAX_FD" 102 | fi 103 | else 104 | warn "Could not query maximum file descriptor limit: $MAX_FD_LIMIT" 105 | fi 106 | fi 107 | 108 | # For Darwin, add options to specify how the application appears in the dock 109 | if $darwin; then 110 | GRADLE_OPTS="$GRADLE_OPTS \"-Xdock:name=$APP_NAME\" \"-Xdock:icon=$APP_HOME/media/gradle.icns\"" 111 | fi 112 | 113 | # For Cygwin, switch paths to Windows format before running java 114 | if $cygwin ; then 115 | APP_HOME=`cygpath --path --mixed "$APP_HOME"` 116 | CLASSPATH=`cygpath --path --mixed "$CLASSPATH"` 117 | 118 | # We build the pattern for arguments to be converted via cygpath 119 | ROOTDIRSRAW=`find -L / -maxdepth 1 -mindepth 1 -type d 2>/dev/null` 120 | SEP="" 121 | for dir in $ROOTDIRSRAW ; do 122 | ROOTDIRS="$ROOTDIRS$SEP$dir" 123 | SEP="|" 124 | done 125 | OURCYGPATTERN="(^($ROOTDIRS))" 126 | # Add a user-defined pattern to the cygpath arguments 127 | if [ "$GRADLE_CYGPATTERN" != "" ] ; then 128 | OURCYGPATTERN="$OURCYGPATTERN|($GRADLE_CYGPATTERN)" 129 | fi 130 | # Now convert the arguments - kludge to limit ourselves to /bin/sh 131 | i=0 132 | for arg in "$@" ; do 133 | CHECK=`echo "$arg"|egrep -c "$OURCYGPATTERN" -` 134 | CHECK2=`echo "$arg"|egrep -c "^-"` ### Determine if an option 135 | 136 | if [ $CHECK -ne 0 ] && [ $CHECK2 -eq 0 ] ; then ### Added a condition 137 | eval `echo args$i`=`cygpath --path --ignore --mixed "$arg"` 138 | else 139 | eval `echo args$i`="\"$arg\"" 140 | fi 141 | i=$((i+1)) 142 | done 143 | case $i in 144 | (0) set -- ;; 145 | (1) set -- "$args0" ;; 146 | (2) set -- "$args0" "$args1" ;; 147 | (3) set -- "$args0" "$args1" "$args2" ;; 148 | (4) set -- "$args0" "$args1" "$args2" "$args3" ;; 149 | (5) set -- "$args0" "$args1" "$args2" "$args3" "$args4" ;; 150 | (6) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" ;; 151 | (7) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" ;; 152 | (8) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" ;; 153 | (9) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" "$args8" ;; 154 | esac 155 | fi 156 | 157 | # Split up the JVM_OPTS And GRADLE_OPTS values into an array, following the shell quoting and substitution rules 158 | function splitJvmOpts() { 159 | JVM_OPTS=("$@") 160 | } 161 | eval splitJvmOpts $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS 162 | JVM_OPTS[${#JVM_OPTS[*]}]="-Dorg.gradle.appname=$APP_BASE_NAME" 163 | 164 | exec "$JAVACMD" "${JVM_OPTS[@]}" -classpath "$CLASSPATH" org.gradle.wrapper.GradleWrapperMain "$@" 165 | -------------------------------------------------------------------------------- /android/gradlew.bat: -------------------------------------------------------------------------------- 1 | @if "%DEBUG%" == "" @echo off 2 | @rem ########################################################################## 3 | @rem 4 | @rem Gradle startup script for Windows 5 | @rem 6 | @rem ########################################################################## 7 | 8 | @rem Set local scope for the variables with windows NT shell 9 | if "%OS%"=="Windows_NT" setlocal 10 | 11 | @rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. 12 | set DEFAULT_JVM_OPTS= 13 | 14 | set DIRNAME=%~dp0 15 | if "%DIRNAME%" == "" set DIRNAME=. 16 | set APP_BASE_NAME=%~n0 17 | set APP_HOME=%DIRNAME% 18 | 19 | @rem Find java.exe 20 | if defined JAVA_HOME goto findJavaFromJavaHome 21 | 22 | set JAVA_EXE=java.exe 23 | %JAVA_EXE% -version >NUL 2>&1 24 | if "%ERRORLEVEL%" == "0" goto init 25 | 26 | echo. 27 | echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 28 | echo. 29 | echo Please set the JAVA_HOME variable in your environment to match the 30 | echo location of your Java installation. 31 | 32 | goto fail 33 | 34 | :findJavaFromJavaHome 35 | set JAVA_HOME=%JAVA_HOME:"=% 36 | set JAVA_EXE=%JAVA_HOME%/bin/java.exe 37 | 38 | if exist "%JAVA_EXE%" goto init 39 | 40 | echo. 41 | echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME% 42 | echo. 43 | echo Please set the JAVA_HOME variable in your environment to match the 44 | echo location of your Java installation. 45 | 46 | goto fail 47 | 48 | :init 49 | @rem Get command-line arguments, handling Windowz variants 50 | 51 | if not "%OS%" == "Windows_NT" goto win9xME_args 52 | if "%@eval[2+2]" == "4" goto 4NT_args 53 | 54 | :win9xME_args 55 | @rem Slurp the command line arguments. 56 | set CMD_LINE_ARGS= 57 | set _SKIP=2 58 | 59 | :win9xME_args_slurp 60 | if "x%~1" == "x" goto execute 61 | 62 | set CMD_LINE_ARGS=%* 63 | goto execute 64 | 65 | :4NT_args 66 | @rem Get arguments from the 4NT Shell from JP Software 67 | set CMD_LINE_ARGS=%$ 68 | 69 | :execute 70 | @rem Setup the command line 71 | 72 | set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar 73 | 74 | @rem Execute Gradle 75 | "%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %CMD_LINE_ARGS% 76 | 77 | :end 78 | @rem End local scope for the variables with windows NT shell 79 | if "%ERRORLEVEL%"=="0" goto mainEnd 80 | 81 | :fail 82 | rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of 83 | rem the _cmd.exe /c_ return code! 84 | if not "" == "%GRADLE_EXIT_CONSOLE%" exit 1 85 | exit /b 1 86 | 87 | :mainEnd 88 | if "%OS%"=="Windows_NT" endlocal 89 | 90 | :omega 91 | -------------------------------------------------------------------------------- /android/keystores/BUCK: -------------------------------------------------------------------------------- 1 | keystore( 2 | name = "debug", 3 | properties = "debug.keystore.properties", 4 | store = "debug.keystore", 5 | visibility = [ 6 | "PUBLIC", 7 | ], 8 | ) 9 | -------------------------------------------------------------------------------- /android/keystores/debug.keystore.properties: -------------------------------------------------------------------------------- 1 | key.store=debug.keystore 2 | key.alias=androiddebugkey 3 | key.store.password=android 4 | key.alias.password=android 5 | -------------------------------------------------------------------------------- /android/settings.gradle: -------------------------------------------------------------------------------- 1 | rootProject.name = 'react_native_css_in_js_benchmarks' 2 | 3 | include ':app' 4 | -------------------------------------------------------------------------------- /app.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "react_native_css_in_js_benchmarks", 3 | "displayName": "react_native_css_in_js_benchmarks" 4 | } -------------------------------------------------------------------------------- /e2e/App.spec.js: -------------------------------------------------------------------------------- 1 | /* eslint-env detox/detox, jest */ 2 | 3 | import { benchmarksPickerData } from '../src/components/App' 4 | 5 | const getPickerItemElement = index => 6 | element(by.text(benchmarksPickerData[index].label)).atIndex(1) 7 | 8 | describe('App', () => { 9 | it('should close the initially opened picker', async () => { 10 | await element(by.text('Cancel')).tap() 11 | await expect(element(by.text('Cancel'))).toBeNotVisible() 12 | }) 13 | 14 | it('should have a run button', async () => { 15 | await expect(element(by.id('runButton'))).toBeVisible() 16 | }) 17 | 18 | it('should not have a table component initially', async () => { 19 | await expect(element(by.id('benchmarkTable'))).toBeNotVisible() 20 | }) 21 | 22 | it('should have a button to change css lib', async () => { 23 | await expect(element(by.id('changeCSSLibButton'))).toBeVisible() 24 | }) 25 | 26 | it('should not show css in js libs before tap', async () => { 27 | await expect(getPickerItemElement(0)).toNotExist() 28 | }) 29 | 30 | it('should show css in js libs after tap', async () => { 31 | await element(by.id('changeCSSLibButton')).tap() 32 | await expect(getPickerItemElement(0)).toBeVisible() 33 | }) 34 | 35 | benchmarksPickerData.forEach((benchmarkPickerData, index) => { 36 | it(`should run benchmark for ${benchmarkPickerData.label}`, async () => { 37 | await device.reloadReactNative() 38 | 39 | // Tap on each picker item until we get to the one we want. 40 | // This is an workaround for detox not supporting scrollTo on a Picker component. 41 | // Follow issue: https://github.com/wix/detox/issues/308 42 | // eslint-disable-next-line no-await-in-loop 43 | for (let i = 0; i <= index; i++) await getPickerItemElement(i).tap() 44 | 45 | await element(by.text('Done')).tap() 46 | 47 | await waitFor(element(by.id('benchmarkHasFinishedRunning'))) 48 | .toExist() 49 | .withTimeout(30000) 50 | }) 51 | }) 52 | 53 | // TODO: Get the results from the app and update RESULTS.md file automatically. 54 | // Currently not support by detox. 55 | // Follow issue: https://github.com/brunolemos/react-native-css-in-js-benchmarks 56 | it('should show the results', async () => { 57 | await element(by.id('showResultsButton')).tap() 58 | }) 59 | }) 60 | -------------------------------------------------------------------------------- /e2e/config.json: -------------------------------------------------------------------------------- 1 | { 2 | "preset": "react-native", 3 | "rootDir": "../", 4 | "setupTestFrameworkScriptFile": "./e2e/init.js", 5 | "moduleFileExtensions": [ 6 | "js", 7 | "android.js", 8 | "ios.js" 9 | ], 10 | "transformIgnorePatterns": [ 11 | "node_modules/(?!detox*|glamorous-native|react-native)" 12 | ] 13 | } -------------------------------------------------------------------------------- /e2e/init.js: -------------------------------------------------------------------------------- 1 | /* eslint-env detox/detox, jasmine, jest */ 2 | 3 | const detox = require('detox') // eslint-disable-line import/no-extraneous-dependencies 4 | 5 | const config = require('../package.json').detox 6 | 7 | jasmine.DEFAULT_TIMEOUT_INTERVAL = 120000 8 | 9 | beforeAll(async () => { 10 | if (typeof device === 'undefined') { 11 | await detox.init(config) 12 | } 13 | 14 | // // clear async storage that contains old benchmark results 15 | // await device.uninstallApp() 16 | // await device.installApp() 17 | 18 | await device.reloadReactNative() 19 | }) 20 | 21 | beforeEach(async () => { 22 | if (typeof device === 'undefined') { 23 | await detox.init(config) 24 | } 25 | }) 26 | 27 | afterAll(async () => { 28 | // await detox.cleanup() 29 | }) 30 | -------------------------------------------------------------------------------- /index.js: -------------------------------------------------------------------------------- 1 | import 'usertiming' 2 | 3 | import { AppRegistry } from 'react-native' 4 | 5 | import App from './src/components/App' 6 | 7 | AppRegistry.registerComponent('react_native_css_in_js_benchmarks', () => App) 8 | -------------------------------------------------------------------------------- /ios/react_native_css_in_js_benchmarks-tvOS/Info.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CFBundleDevelopmentRegion 6 | en 7 | CFBundleExecutable 8 | $(EXECUTABLE_NAME) 9 | CFBundleIdentifier 10 | org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier) 11 | CFBundleInfoDictionaryVersion 12 | 6.0 13 | CFBundleName 14 | $(PRODUCT_NAME) 15 | CFBundlePackageType 16 | APPL 17 | CFBundleShortVersionString 18 | 1.0 19 | CFBundleSignature 20 | ???? 21 | CFBundleVersion 22 | 1 23 | LSRequiresIPhoneOS 24 | 25 | UILaunchStoryboardName 26 | LaunchScreen 27 | UIRequiredDeviceCapabilities 28 | 29 | armv7 30 | 31 | UISupportedInterfaceOrientations 32 | 33 | UIInterfaceOrientationPortrait 34 | UIInterfaceOrientationLandscapeLeft 35 | UIInterfaceOrientationLandscapeRight 36 | 37 | UIViewControllerBasedStatusBarAppearance 38 | 39 | NSLocationWhenInUseUsageDescription 40 | 41 | NSAppTransportSecurity 42 | 43 | 44 | NSExceptionDomains 45 | 46 | localhost 47 | 48 | NSExceptionAllowsInsecureHTTPLoads 49 | 50 | 51 | 52 | 53 | 54 | 55 | -------------------------------------------------------------------------------- /ios/react_native_css_in_js_benchmarks-tvOSTests/Info.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CFBundleDevelopmentRegion 6 | en 7 | CFBundleExecutable 8 | $(EXECUTABLE_NAME) 9 | CFBundleIdentifier 10 | org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier) 11 | CFBundleInfoDictionaryVersion 12 | 6.0 13 | CFBundleName 14 | $(PRODUCT_NAME) 15 | CFBundlePackageType 16 | BNDL 17 | CFBundleShortVersionString 18 | 1.0 19 | CFBundleSignature 20 | ???? 21 | CFBundleVersion 22 | 1 23 | 24 | 25 | -------------------------------------------------------------------------------- /ios/react_native_css_in_js_benchmarks.xcodeproj/project.pbxproj: -------------------------------------------------------------------------------- 1 | // !$*UTF8*$! 2 | { 3 | archiveVersion = 1; 4 | classes = { 5 | }; 6 | objectVersion = 46; 7 | objects = { 8 | 9 | /* Begin PBXBuildFile section */ 10 | 00C302E51ABCBA2D00DB3ED1 /* libRCTActionSheet.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302AC1ABCB8CE00DB3ED1 /* libRCTActionSheet.a */; }; 11 | 00C302E71ABCBA2D00DB3ED1 /* libRCTGeolocation.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302BA1ABCB90400DB3ED1 /* libRCTGeolocation.a */; }; 12 | 00C302E81ABCBA2D00DB3ED1 /* libRCTImage.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302C01ABCB91800DB3ED1 /* libRCTImage.a */; }; 13 | 00C302E91ABCBA2D00DB3ED1 /* libRCTNetwork.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302DC1ABCB9D200DB3ED1 /* libRCTNetwork.a */; }; 14 | 00C302EA1ABCBA2D00DB3ED1 /* libRCTVibration.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302E41ABCB9EE00DB3ED1 /* libRCTVibration.a */; }; 15 | 00E356F31AD99517003FC87E /* react_native_css_in_js_benchmarksTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 00E356F21AD99517003FC87E /* react_native_css_in_js_benchmarksTests.m */; }; 16 | 133E29F31AD74F7200F7D852 /* libRCTLinking.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 78C398B91ACF4ADC00677621 /* libRCTLinking.a */; }; 17 | 139105C61AF99C1200B5F7CC /* libRCTSettings.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 139105C11AF99BAD00B5F7CC /* libRCTSettings.a */; }; 18 | 139FDEF61B0652A700C62182 /* libRCTWebSocket.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 139FDEF41B06529B00C62182 /* libRCTWebSocket.a */; }; 19 | 13B07FBC1A68108700A75B9A /* AppDelegate.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB01A68108700A75B9A /* AppDelegate.m */; }; 20 | 13B07FBD1A68108700A75B9A /* LaunchScreen.xib in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB11A68108700A75B9A /* LaunchScreen.xib */; }; 21 | 13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB51A68108700A75B9A /* Images.xcassets */; }; 22 | 13B07FC11A68108700A75B9A /* main.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB71A68108700A75B9A /* main.m */; }; 23 | 140ED2AC1D01E1AD002B40FF /* libReact.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 146834041AC3E56700842450 /* libReact.a */; }; 24 | 146834051AC3E58100842450 /* libReact.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 146834041AC3E56700842450 /* libReact.a */; }; 25 | 2D02E4BC1E0B4A80006451C7 /* AppDelegate.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB01A68108700A75B9A /* AppDelegate.m */; }; 26 | 2D02E4BD1E0B4A84006451C7 /* Images.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB51A68108700A75B9A /* Images.xcassets */; }; 27 | 2D02E4BF1E0B4AB3006451C7 /* main.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB71A68108700A75B9A /* main.m */; }; 28 | 2D02E4C21E0B4AEC006451C7 /* libRCTAnimation.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 5E9157351DD0AC6500FF2AA8 /* libRCTAnimation.a */; }; 29 | 2D02E4C31E0B4AEC006451C7 /* libRCTImage-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 3DAD3E841DF850E9000B6D8A /* libRCTImage-tvOS.a */; }; 30 | 2D02E4C41E0B4AEC006451C7 /* libRCTLinking-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 3DAD3E881DF850E9000B6D8A /* libRCTLinking-tvOS.a */; }; 31 | 2D02E4C51E0B4AEC006451C7 /* libRCTNetwork-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 3DAD3E8C1DF850E9000B6D8A /* libRCTNetwork-tvOS.a */; }; 32 | 2D02E4C61E0B4AEC006451C7 /* libRCTSettings-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 3DAD3E901DF850E9000B6D8A /* libRCTSettings-tvOS.a */; }; 33 | 2D02E4C71E0B4AEC006451C7 /* libRCTText-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 3DAD3E941DF850E9000B6D8A /* libRCTText-tvOS.a */; }; 34 | 2D02E4C81E0B4AEC006451C7 /* libRCTWebSocket-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 3DAD3E991DF850E9000B6D8A /* libRCTWebSocket-tvOS.a */; }; 35 | 2D02E4C91E0B4AEC006451C7 /* libReact.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 3DAD3EA31DF850E9000B6D8A /* libReact.a */; }; 36 | 2DCD954D1E0B4F2C00145EB5 /* react_native_css_in_js_benchmarksTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 00E356F21AD99517003FC87E /* react_native_css_in_js_benchmarksTests.m */; }; 37 | 5E9157361DD0AC6A00FF2AA8 /* libRCTAnimation.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 5E9157331DD0AC6500FF2AA8 /* libRCTAnimation.a */; }; 38 | 832341BD1AAA6AB300B99B32 /* libRCTText.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 832341B51AAA6A8300B99B32 /* libRCTText.a */; }; 39 | ADBDB9381DFEBF1600ED6528 /* libRCTBlob.a in Frameworks */ = {isa = PBXBuildFile; fileRef = ADBDB9271DFEBF0700ED6528 /* libRCTBlob.a */; }; 40 | /* End PBXBuildFile section */ 41 | 42 | /* Begin PBXContainerItemProxy section */ 43 | 00C302AB1ABCB8CE00DB3ED1 /* PBXContainerItemProxy */ = { 44 | isa = PBXContainerItemProxy; 45 | containerPortal = 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */; 46 | proxyType = 2; 47 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 48 | remoteInfo = RCTActionSheet; 49 | }; 50 | 00C302B91ABCB90400DB3ED1 /* PBXContainerItemProxy */ = { 51 | isa = PBXContainerItemProxy; 52 | containerPortal = 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */; 53 | proxyType = 2; 54 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 55 | remoteInfo = RCTGeolocation; 56 | }; 57 | 00C302BF1ABCB91800DB3ED1 /* PBXContainerItemProxy */ = { 58 | isa = PBXContainerItemProxy; 59 | containerPortal = 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */; 60 | proxyType = 2; 61 | remoteGlobalIDString = 58B5115D1A9E6B3D00147676; 62 | remoteInfo = RCTImage; 63 | }; 64 | 00C302DB1ABCB9D200DB3ED1 /* PBXContainerItemProxy */ = { 65 | isa = PBXContainerItemProxy; 66 | containerPortal = 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */; 67 | proxyType = 2; 68 | remoteGlobalIDString = 58B511DB1A9E6C8500147676; 69 | remoteInfo = RCTNetwork; 70 | }; 71 | 00C302E31ABCB9EE00DB3ED1 /* PBXContainerItemProxy */ = { 72 | isa = PBXContainerItemProxy; 73 | containerPortal = 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */; 74 | proxyType = 2; 75 | remoteGlobalIDString = 832C81801AAF6DEF007FA2F7; 76 | remoteInfo = RCTVibration; 77 | }; 78 | 00E356F41AD99517003FC87E /* PBXContainerItemProxy */ = { 79 | isa = PBXContainerItemProxy; 80 | containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */; 81 | proxyType = 1; 82 | remoteGlobalIDString = 13B07F861A680F5B00A75B9A; 83 | remoteInfo = react_native_css_in_js_benchmarks; 84 | }; 85 | 139105C01AF99BAD00B5F7CC /* PBXContainerItemProxy */ = { 86 | isa = PBXContainerItemProxy; 87 | containerPortal = 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */; 88 | proxyType = 2; 89 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 90 | remoteInfo = RCTSettings; 91 | }; 92 | 139FDEF31B06529B00C62182 /* PBXContainerItemProxy */ = { 93 | isa = PBXContainerItemProxy; 94 | containerPortal = 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */; 95 | proxyType = 2; 96 | remoteGlobalIDString = 3C86DF461ADF2C930047B81A; 97 | remoteInfo = RCTWebSocket; 98 | }; 99 | 146834031AC3E56700842450 /* PBXContainerItemProxy */ = { 100 | isa = PBXContainerItemProxy; 101 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 102 | proxyType = 2; 103 | remoteGlobalIDString = 83CBBA2E1A601D0E00E9B192; 104 | remoteInfo = React; 105 | }; 106 | 2D02E4911E0B4A5D006451C7 /* PBXContainerItemProxy */ = { 107 | isa = PBXContainerItemProxy; 108 | containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */; 109 | proxyType = 1; 110 | remoteGlobalIDString = 2D02E47A1E0B4A5D006451C7; 111 | remoteInfo = "react_native_css_in_js_benchmarks-tvOS"; 112 | }; 113 | 2E0D1D791FBE9BE1006B91B8 /* PBXContainerItemProxy */ = { 114 | isa = PBXContainerItemProxy; 115 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 116 | proxyType = 2; 117 | remoteGlobalIDString = 139D7ECE1E25DB7D00323FB7; 118 | remoteInfo = "third-party"; 119 | }; 120 | 2E0D1D7B1FBE9BE1006B91B8 /* PBXContainerItemProxy */ = { 121 | isa = PBXContainerItemProxy; 122 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 123 | proxyType = 2; 124 | remoteGlobalIDString = 3D383D3C1EBD27B6005632C8; 125 | remoteInfo = "third-party-tvOS"; 126 | }; 127 | 2E0D1D7D1FBE9BE1006B91B8 /* PBXContainerItemProxy */ = { 128 | isa = PBXContainerItemProxy; 129 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 130 | proxyType = 2; 131 | remoteGlobalIDString = 139D7E881E25C6D100323FB7; 132 | remoteInfo = "double-conversion"; 133 | }; 134 | 2E0D1D7F1FBE9BE1006B91B8 /* PBXContainerItemProxy */ = { 135 | isa = PBXContainerItemProxy; 136 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 137 | proxyType = 2; 138 | remoteGlobalIDString = 3D383D621EBD27B9005632C8; 139 | remoteInfo = "double-conversion-tvOS"; 140 | }; 141 | 2E0D1D811FBE9BE1006B91B8 /* PBXContainerItemProxy */ = { 142 | isa = PBXContainerItemProxy; 143 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 144 | proxyType = 2; 145 | remoteGlobalIDString = 9936F3131F5F2E4B0010BF04; 146 | remoteInfo = privatedata; 147 | }; 148 | 2E0D1D831FBE9BE1006B91B8 /* PBXContainerItemProxy */ = { 149 | isa = PBXContainerItemProxy; 150 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 151 | proxyType = 2; 152 | remoteGlobalIDString = 9936F32F1F5F2E5B0010BF04; 153 | remoteInfo = "privatedata-tvOS"; 154 | }; 155 | 2E2A83CF20D21F6300DC2426 /* PBXContainerItemProxy */ = { 156 | isa = PBXContainerItemProxy; 157 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 158 | proxyType = 2; 159 | remoteGlobalIDString = EBF21BDC1FC498900052F4D5; 160 | remoteInfo = jsinspector; 161 | }; 162 | 2E2A83D120D21F6300DC2426 /* PBXContainerItemProxy */ = { 163 | isa = PBXContainerItemProxy; 164 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 165 | proxyType = 2; 166 | remoteGlobalIDString = EBF21BFA1FC4989A0052F4D5; 167 | remoteInfo = "jsinspector-tvOS"; 168 | }; 169 | 2E816E011FBE93C0002E93DD /* PBXContainerItemProxy */ = { 170 | isa = PBXContainerItemProxy; 171 | containerPortal = ADBDB91F1DFEBF0600ED6528 /* RCTBlob.xcodeproj */; 172 | proxyType = 2; 173 | remoteGlobalIDString = ADD01A681E09402E00F6D226; 174 | remoteInfo = "RCTBlob-tvOS"; 175 | }; 176 | 2E816E131FBE93C0002E93DD /* PBXContainerItemProxy */ = { 177 | isa = PBXContainerItemProxy; 178 | containerPortal = 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */; 179 | proxyType = 2; 180 | remoteGlobalIDString = 3DBE0D001F3B181A0099AA32; 181 | remoteInfo = fishhook; 182 | }; 183 | 2E816E151FBE93C0002E93DD /* PBXContainerItemProxy */ = { 184 | isa = PBXContainerItemProxy; 185 | containerPortal = 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */; 186 | proxyType = 2; 187 | remoteGlobalIDString = 3DBE0D0D1F3B181C0099AA32; 188 | remoteInfo = "fishhook-tvOS"; 189 | }; 190 | 3DAD3E831DF850E9000B6D8A /* PBXContainerItemProxy */ = { 191 | isa = PBXContainerItemProxy; 192 | containerPortal = 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */; 193 | proxyType = 2; 194 | remoteGlobalIDString = 2D2A283A1D9B042B00D4039D; 195 | remoteInfo = "RCTImage-tvOS"; 196 | }; 197 | 3DAD3E871DF850E9000B6D8A /* PBXContainerItemProxy */ = { 198 | isa = PBXContainerItemProxy; 199 | containerPortal = 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */; 200 | proxyType = 2; 201 | remoteGlobalIDString = 2D2A28471D9B043800D4039D; 202 | remoteInfo = "RCTLinking-tvOS"; 203 | }; 204 | 3DAD3E8B1DF850E9000B6D8A /* PBXContainerItemProxy */ = { 205 | isa = PBXContainerItemProxy; 206 | containerPortal = 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */; 207 | proxyType = 2; 208 | remoteGlobalIDString = 2D2A28541D9B044C00D4039D; 209 | remoteInfo = "RCTNetwork-tvOS"; 210 | }; 211 | 3DAD3E8F1DF850E9000B6D8A /* PBXContainerItemProxy */ = { 212 | isa = PBXContainerItemProxy; 213 | containerPortal = 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */; 214 | proxyType = 2; 215 | remoteGlobalIDString = 2D2A28611D9B046600D4039D; 216 | remoteInfo = "RCTSettings-tvOS"; 217 | }; 218 | 3DAD3E931DF850E9000B6D8A /* PBXContainerItemProxy */ = { 219 | isa = PBXContainerItemProxy; 220 | containerPortal = 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */; 221 | proxyType = 2; 222 | remoteGlobalIDString = 2D2A287B1D9B048500D4039D; 223 | remoteInfo = "RCTText-tvOS"; 224 | }; 225 | 3DAD3E981DF850E9000B6D8A /* PBXContainerItemProxy */ = { 226 | isa = PBXContainerItemProxy; 227 | containerPortal = 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */; 228 | proxyType = 2; 229 | remoteGlobalIDString = 2D2A28881D9B049200D4039D; 230 | remoteInfo = "RCTWebSocket-tvOS"; 231 | }; 232 | 3DAD3EA21DF850E9000B6D8A /* PBXContainerItemProxy */ = { 233 | isa = PBXContainerItemProxy; 234 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 235 | proxyType = 2; 236 | remoteGlobalIDString = 2D2A28131D9B038B00D4039D; 237 | remoteInfo = "React-tvOS"; 238 | }; 239 | 3DAD3EA41DF850E9000B6D8A /* PBXContainerItemProxy */ = { 240 | isa = PBXContainerItemProxy; 241 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 242 | proxyType = 2; 243 | remoteGlobalIDString = 3D3C059A1DE3340900C268FA; 244 | remoteInfo = yoga; 245 | }; 246 | 3DAD3EA61DF850E9000B6D8A /* PBXContainerItemProxy */ = { 247 | isa = PBXContainerItemProxy; 248 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 249 | proxyType = 2; 250 | remoteGlobalIDString = 3D3C06751DE3340C00C268FA; 251 | remoteInfo = "yoga-tvOS"; 252 | }; 253 | 3DAD3EA81DF850E9000B6D8A /* PBXContainerItemProxy */ = { 254 | isa = PBXContainerItemProxy; 255 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 256 | proxyType = 2; 257 | remoteGlobalIDString = 3D3CD9251DE5FBEC00167DC4; 258 | remoteInfo = cxxreact; 259 | }; 260 | 3DAD3EAA1DF850E9000B6D8A /* PBXContainerItemProxy */ = { 261 | isa = PBXContainerItemProxy; 262 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 263 | proxyType = 2; 264 | remoteGlobalIDString = 3D3CD9321DE5FBEE00167DC4; 265 | remoteInfo = "cxxreact-tvOS"; 266 | }; 267 | 3DAD3EAC1DF850E9000B6D8A /* PBXContainerItemProxy */ = { 268 | isa = PBXContainerItemProxy; 269 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 270 | proxyType = 2; 271 | remoteGlobalIDString = 3D3CD90B1DE5FBD600167DC4; 272 | remoteInfo = jschelpers; 273 | }; 274 | 3DAD3EAE1DF850E9000B6D8A /* PBXContainerItemProxy */ = { 275 | isa = PBXContainerItemProxy; 276 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 277 | proxyType = 2; 278 | remoteGlobalIDString = 3D3CD9181DE5FBD800167DC4; 279 | remoteInfo = "jschelpers-tvOS"; 280 | }; 281 | 5E9157321DD0AC6500FF2AA8 /* PBXContainerItemProxy */ = { 282 | isa = PBXContainerItemProxy; 283 | containerPortal = 5E91572D1DD0AC6500FF2AA8 /* RCTAnimation.xcodeproj */; 284 | proxyType = 2; 285 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 286 | remoteInfo = RCTAnimation; 287 | }; 288 | 5E9157341DD0AC6500FF2AA8 /* PBXContainerItemProxy */ = { 289 | isa = PBXContainerItemProxy; 290 | containerPortal = 5E91572D1DD0AC6500FF2AA8 /* RCTAnimation.xcodeproj */; 291 | proxyType = 2; 292 | remoteGlobalIDString = 2D2A28201D9B03D100D4039D; 293 | remoteInfo = "RCTAnimation-tvOS"; 294 | }; 295 | 78C398B81ACF4ADC00677621 /* PBXContainerItemProxy */ = { 296 | isa = PBXContainerItemProxy; 297 | containerPortal = 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */; 298 | proxyType = 2; 299 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 300 | remoteInfo = RCTLinking; 301 | }; 302 | 832341B41AAA6A8300B99B32 /* PBXContainerItemProxy */ = { 303 | isa = PBXContainerItemProxy; 304 | containerPortal = 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */; 305 | proxyType = 2; 306 | remoteGlobalIDString = 58B5119B1A9E6C1200147676; 307 | remoteInfo = RCTText; 308 | }; 309 | ADBDB9261DFEBF0700ED6528 /* PBXContainerItemProxy */ = { 310 | isa = PBXContainerItemProxy; 311 | containerPortal = ADBDB91F1DFEBF0600ED6528 /* RCTBlob.xcodeproj */; 312 | proxyType = 2; 313 | remoteGlobalIDString = 358F4ED71D1E81A9004DF814; 314 | remoteInfo = RCTBlob; 315 | }; 316 | /* End PBXContainerItemProxy section */ 317 | 318 | /* Begin PBXFileReference section */ 319 | 008F07F21AC5B25A0029DE68 /* main.jsbundle */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text; path = main.jsbundle; sourceTree = ""; }; 320 | 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTActionSheet.xcodeproj; path = "../node_modules/react-native/Libraries/ActionSheetIOS/RCTActionSheet.xcodeproj"; sourceTree = ""; }; 321 | 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTGeolocation.xcodeproj; path = "../node_modules/react-native/Libraries/Geolocation/RCTGeolocation.xcodeproj"; sourceTree = ""; }; 322 | 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTImage.xcodeproj; path = "../node_modules/react-native/Libraries/Image/RCTImage.xcodeproj"; sourceTree = ""; }; 323 | 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTNetwork.xcodeproj; path = "../node_modules/react-native/Libraries/Network/RCTNetwork.xcodeproj"; sourceTree = ""; }; 324 | 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTVibration.xcodeproj; path = "../node_modules/react-native/Libraries/Vibration/RCTVibration.xcodeproj"; sourceTree = ""; }; 325 | 00E356EE1AD99517003FC87E /* react_native_css_in_js_benchmarksTests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = react_native_css_in_js_benchmarksTests.xctest; sourceTree = BUILT_PRODUCTS_DIR; }; 326 | 00E356F11AD99517003FC87E /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = ""; }; 327 | 00E356F21AD99517003FC87E /* react_native_css_in_js_benchmarksTests.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = react_native_css_in_js_benchmarksTests.m; sourceTree = ""; }; 328 | 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTSettings.xcodeproj; path = "../node_modules/react-native/Libraries/Settings/RCTSettings.xcodeproj"; sourceTree = ""; }; 329 | 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTWebSocket.xcodeproj; path = "../node_modules/react-native/Libraries/WebSocket/RCTWebSocket.xcodeproj"; sourceTree = ""; }; 330 | 13B07F961A680F5B00A75B9A /* react_native_css_in_js_benchmarks.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = react_native_css_in_js_benchmarks.app; sourceTree = BUILT_PRODUCTS_DIR; }; 331 | 13B07FAF1A68108700A75B9A /* AppDelegate.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = AppDelegate.h; path = react_native_css_in_js_benchmarks/AppDelegate.h; sourceTree = ""; }; 332 | 13B07FB01A68108700A75B9A /* AppDelegate.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = AppDelegate.m; path = react_native_css_in_js_benchmarks/AppDelegate.m; sourceTree = ""; }; 333 | 13B07FB21A68108700A75B9A /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.xib; name = Base; path = Base.lproj/LaunchScreen.xib; sourceTree = ""; }; 334 | 13B07FB51A68108700A75B9A /* Images.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; name = Images.xcassets; path = react_native_css_in_js_benchmarks/Images.xcassets; sourceTree = ""; }; 335 | 13B07FB61A68108700A75B9A /* Info.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = Info.plist; path = react_native_css_in_js_benchmarks/Info.plist; sourceTree = ""; }; 336 | 13B07FB71A68108700A75B9A /* main.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = main.m; path = react_native_css_in_js_benchmarks/main.m; sourceTree = ""; }; 337 | 146833FF1AC3E56700842450 /* React.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = React.xcodeproj; path = "../node_modules/react-native/React/React.xcodeproj"; sourceTree = ""; }; 338 | 2D02E47B1E0B4A5D006451C7 /* react_native_css_in_js_benchmarks-tvOS.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = "react_native_css_in_js_benchmarks-tvOS.app"; sourceTree = BUILT_PRODUCTS_DIR; }; 339 | 2D02E4901E0B4A5D006451C7 /* react_native_css_in_js_benchmarks-tvOSTests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = "react_native_css_in_js_benchmarks-tvOSTests.xctest"; sourceTree = BUILT_PRODUCTS_DIR; }; 340 | 5E91572D1DD0AC6500FF2AA8 /* RCTAnimation.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTAnimation.xcodeproj; path = "../node_modules/react-native/Libraries/NativeAnimation/RCTAnimation.xcodeproj"; sourceTree = ""; }; 341 | 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTLinking.xcodeproj; path = "../node_modules/react-native/Libraries/LinkingIOS/RCTLinking.xcodeproj"; sourceTree = ""; }; 342 | 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTText.xcodeproj; path = "../node_modules/react-native/Libraries/Text/RCTText.xcodeproj"; sourceTree = ""; }; 343 | ADBDB91F1DFEBF0600ED6528 /* RCTBlob.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTBlob.xcodeproj; path = "../node_modules/react-native/Libraries/Blob/RCTBlob.xcodeproj"; sourceTree = ""; }; 344 | /* End PBXFileReference section */ 345 | 346 | /* Begin PBXFrameworksBuildPhase section */ 347 | 00E356EB1AD99517003FC87E /* Frameworks */ = { 348 | isa = PBXFrameworksBuildPhase; 349 | buildActionMask = 2147483647; 350 | files = ( 351 | 140ED2AC1D01E1AD002B40FF /* libReact.a in Frameworks */, 352 | ); 353 | runOnlyForDeploymentPostprocessing = 0; 354 | }; 355 | 13B07F8C1A680F5B00A75B9A /* Frameworks */ = { 356 | isa = PBXFrameworksBuildPhase; 357 | buildActionMask = 2147483647; 358 | files = ( 359 | ADBDB9381DFEBF1600ED6528 /* libRCTBlob.a in Frameworks */, 360 | 5E9157361DD0AC6A00FF2AA8 /* libRCTAnimation.a in Frameworks */, 361 | 146834051AC3E58100842450 /* libReact.a in Frameworks */, 362 | 5E9157361DD0AC6A00FF2AA8 /* libRCTAnimation.a in Frameworks */, 363 | 00C302E51ABCBA2D00DB3ED1 /* libRCTActionSheet.a in Frameworks */, 364 | 00C302E71ABCBA2D00DB3ED1 /* libRCTGeolocation.a in Frameworks */, 365 | 00C302E81ABCBA2D00DB3ED1 /* libRCTImage.a in Frameworks */, 366 | 133E29F31AD74F7200F7D852 /* libRCTLinking.a in Frameworks */, 367 | 00C302E91ABCBA2D00DB3ED1 /* libRCTNetwork.a in Frameworks */, 368 | 139105C61AF99C1200B5F7CC /* libRCTSettings.a in Frameworks */, 369 | 832341BD1AAA6AB300B99B32 /* libRCTText.a in Frameworks */, 370 | 00C302EA1ABCBA2D00DB3ED1 /* libRCTVibration.a in Frameworks */, 371 | 139FDEF61B0652A700C62182 /* libRCTWebSocket.a in Frameworks */, 372 | ); 373 | runOnlyForDeploymentPostprocessing = 0; 374 | }; 375 | 2D02E4781E0B4A5D006451C7 /* Frameworks */ = { 376 | isa = PBXFrameworksBuildPhase; 377 | buildActionMask = 2147483647; 378 | files = ( 379 | 2D02E4C91E0B4AEC006451C7 /* libReact.a in Frameworks */, 380 | 2D02E4C21E0B4AEC006451C7 /* libRCTAnimation.a in Frameworks */, 381 | 2D02E4C31E0B4AEC006451C7 /* libRCTImage-tvOS.a in Frameworks */, 382 | 2D02E4C41E0B4AEC006451C7 /* libRCTLinking-tvOS.a in Frameworks */, 383 | 2D02E4C51E0B4AEC006451C7 /* libRCTNetwork-tvOS.a in Frameworks */, 384 | 2D02E4C61E0B4AEC006451C7 /* libRCTSettings-tvOS.a in Frameworks */, 385 | 2D02E4C71E0B4AEC006451C7 /* libRCTText-tvOS.a in Frameworks */, 386 | 2D02E4C81E0B4AEC006451C7 /* libRCTWebSocket-tvOS.a in Frameworks */, 387 | ); 388 | runOnlyForDeploymentPostprocessing = 0; 389 | }; 390 | 2D02E48D1E0B4A5D006451C7 /* Frameworks */ = { 391 | isa = PBXFrameworksBuildPhase; 392 | buildActionMask = 2147483647; 393 | files = ( 394 | ); 395 | runOnlyForDeploymentPostprocessing = 0; 396 | }; 397 | /* End PBXFrameworksBuildPhase section */ 398 | 399 | /* Begin PBXGroup section */ 400 | 00C302A81ABCB8CE00DB3ED1 /* Products */ = { 401 | isa = PBXGroup; 402 | children = ( 403 | 00C302AC1ABCB8CE00DB3ED1 /* libRCTActionSheet.a */, 404 | ); 405 | name = Products; 406 | sourceTree = ""; 407 | }; 408 | 00C302B61ABCB90400DB3ED1 /* Products */ = { 409 | isa = PBXGroup; 410 | children = ( 411 | 00C302BA1ABCB90400DB3ED1 /* libRCTGeolocation.a */, 412 | ); 413 | name = Products; 414 | sourceTree = ""; 415 | }; 416 | 00C302BC1ABCB91800DB3ED1 /* Products */ = { 417 | isa = PBXGroup; 418 | children = ( 419 | 00C302C01ABCB91800DB3ED1 /* libRCTImage.a */, 420 | 3DAD3E841DF850E9000B6D8A /* libRCTImage-tvOS.a */, 421 | ); 422 | name = Products; 423 | sourceTree = ""; 424 | }; 425 | 00C302D41ABCB9D200DB3ED1 /* Products */ = { 426 | isa = PBXGroup; 427 | children = ( 428 | 00C302DC1ABCB9D200DB3ED1 /* libRCTNetwork.a */, 429 | 3DAD3E8C1DF850E9000B6D8A /* libRCTNetwork-tvOS.a */, 430 | ); 431 | name = Products; 432 | sourceTree = ""; 433 | }; 434 | 00C302E01ABCB9EE00DB3ED1 /* Products */ = { 435 | isa = PBXGroup; 436 | children = ( 437 | 00C302E41ABCB9EE00DB3ED1 /* libRCTVibration.a */, 438 | ); 439 | name = Products; 440 | sourceTree = ""; 441 | }; 442 | 00E356EF1AD99517003FC87E /* react_native_css_in_js_benchmarksTests */ = { 443 | isa = PBXGroup; 444 | children = ( 445 | 00E356F21AD99517003FC87E /* react_native_css_in_js_benchmarksTests.m */, 446 | 00E356F01AD99517003FC87E /* Supporting Files */, 447 | ); 448 | path = react_native_css_in_js_benchmarksTests; 449 | sourceTree = ""; 450 | }; 451 | 00E356F01AD99517003FC87E /* Supporting Files */ = { 452 | isa = PBXGroup; 453 | children = ( 454 | 00E356F11AD99517003FC87E /* Info.plist */, 455 | ); 456 | name = "Supporting Files"; 457 | sourceTree = ""; 458 | }; 459 | 139105B71AF99BAD00B5F7CC /* Products */ = { 460 | isa = PBXGroup; 461 | children = ( 462 | 139105C11AF99BAD00B5F7CC /* libRCTSettings.a */, 463 | 3DAD3E901DF850E9000B6D8A /* libRCTSettings-tvOS.a */, 464 | ); 465 | name = Products; 466 | sourceTree = ""; 467 | }; 468 | 139FDEE71B06529A00C62182 /* Products */ = { 469 | isa = PBXGroup; 470 | children = ( 471 | 139FDEF41B06529B00C62182 /* libRCTWebSocket.a */, 472 | 3DAD3E991DF850E9000B6D8A /* libRCTWebSocket-tvOS.a */, 473 | 2E816E141FBE93C0002E93DD /* libfishhook.a */, 474 | 2E816E161FBE93C0002E93DD /* libfishhook-tvOS.a */, 475 | ); 476 | name = Products; 477 | sourceTree = ""; 478 | }; 479 | 13B07FAE1A68108700A75B9A /* react_native_css_in_js_benchmarks */ = { 480 | isa = PBXGroup; 481 | children = ( 482 | 008F07F21AC5B25A0029DE68 /* main.jsbundle */, 483 | 13B07FAF1A68108700A75B9A /* AppDelegate.h */, 484 | 13B07FB01A68108700A75B9A /* AppDelegate.m */, 485 | 13B07FB51A68108700A75B9A /* Images.xcassets */, 486 | 13B07FB61A68108700A75B9A /* Info.plist */, 487 | 13B07FB11A68108700A75B9A /* LaunchScreen.xib */, 488 | 13B07FB71A68108700A75B9A /* main.m */, 489 | ); 490 | name = react_native_css_in_js_benchmarks; 491 | sourceTree = ""; 492 | }; 493 | 146834001AC3E56700842450 /* Products */ = { 494 | isa = PBXGroup; 495 | children = ( 496 | 146834041AC3E56700842450 /* libReact.a */, 497 | 3DAD3EA31DF850E9000B6D8A /* libReact.a */, 498 | 3DAD3EA51DF850E9000B6D8A /* libyoga.a */, 499 | 3DAD3EA71DF850E9000B6D8A /* libyoga.a */, 500 | 3DAD3EA91DF850E9000B6D8A /* libcxxreact.a */, 501 | 3DAD3EAB1DF850E9000B6D8A /* libcxxreact.a */, 502 | 3DAD3EAD1DF850E9000B6D8A /* libjschelpers.a */, 503 | 3DAD3EAF1DF850E9000B6D8A /* libjschelpers.a */, 504 | 2E2A83D020D21F6300DC2426 /* libjsinspector.a */, 505 | 2E2A83D220D21F6300DC2426 /* libjsinspector-tvOS.a */, 506 | 2E0D1D7A1FBE9BE1006B91B8 /* libthird-party.a */, 507 | 2E0D1D7C1FBE9BE1006B91B8 /* libthird-party.a */, 508 | 2E0D1D7E1FBE9BE1006B91B8 /* libdouble-conversion.a */, 509 | 2E0D1D801FBE9BE1006B91B8 /* libdouble-conversion.a */, 510 | 2E0D1D821FBE9BE1006B91B8 /* libprivatedata.a */, 511 | 2E0D1D841FBE9BE1006B91B8 /* libprivatedata-tvOS.a */, 512 | ); 513 | name = Products; 514 | sourceTree = ""; 515 | }; 516 | 5E91572E1DD0AC6500FF2AA8 /* Products */ = { 517 | isa = PBXGroup; 518 | children = ( 519 | 5E9157331DD0AC6500FF2AA8 /* libRCTAnimation.a */, 520 | 5E9157351DD0AC6500FF2AA8 /* libRCTAnimation.a */, 521 | ); 522 | name = Products; 523 | sourceTree = ""; 524 | }; 525 | 78C398B11ACF4ADC00677621 /* Products */ = { 526 | isa = PBXGroup; 527 | children = ( 528 | 78C398B91ACF4ADC00677621 /* libRCTLinking.a */, 529 | 3DAD3E881DF850E9000B6D8A /* libRCTLinking-tvOS.a */, 530 | ); 531 | name = Products; 532 | sourceTree = ""; 533 | }; 534 | 832341AE1AAA6A7D00B99B32 /* Libraries */ = { 535 | isa = PBXGroup; 536 | children = ( 537 | 5E91572D1DD0AC6500FF2AA8 /* RCTAnimation.xcodeproj */, 538 | 146833FF1AC3E56700842450 /* React.xcodeproj */, 539 | 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */, 540 | ADBDB91F1DFEBF0600ED6528 /* RCTBlob.xcodeproj */, 541 | 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */, 542 | 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */, 543 | 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */, 544 | 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */, 545 | 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */, 546 | 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */, 547 | 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */, 548 | 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */, 549 | ); 550 | name = Libraries; 551 | sourceTree = ""; 552 | }; 553 | 832341B11AAA6A8300B99B32 /* Products */ = { 554 | isa = PBXGroup; 555 | children = ( 556 | 832341B51AAA6A8300B99B32 /* libRCTText.a */, 557 | 3DAD3E941DF850E9000B6D8A /* libRCTText-tvOS.a */, 558 | ); 559 | name = Products; 560 | sourceTree = ""; 561 | }; 562 | 83CBB9F61A601CBA00E9B192 = { 563 | isa = PBXGroup; 564 | children = ( 565 | 13B07FAE1A68108700A75B9A /* react_native_css_in_js_benchmarks */, 566 | 832341AE1AAA6A7D00B99B32 /* Libraries */, 567 | 00E356EF1AD99517003FC87E /* react_native_css_in_js_benchmarksTests */, 568 | 83CBBA001A601CBA00E9B192 /* Products */, 569 | ); 570 | indentWidth = 2; 571 | sourceTree = ""; 572 | tabWidth = 2; 573 | usesTabs = 0; 574 | }; 575 | 83CBBA001A601CBA00E9B192 /* Products */ = { 576 | isa = PBXGroup; 577 | children = ( 578 | 13B07F961A680F5B00A75B9A /* react_native_css_in_js_benchmarks.app */, 579 | 00E356EE1AD99517003FC87E /* react_native_css_in_js_benchmarksTests.xctest */, 580 | 2D02E47B1E0B4A5D006451C7 /* react_native_css_in_js_benchmarks-tvOS.app */, 581 | 2D02E4901E0B4A5D006451C7 /* react_native_css_in_js_benchmarks-tvOSTests.xctest */, 582 | ); 583 | name = Products; 584 | sourceTree = ""; 585 | }; 586 | ADBDB9201DFEBF0600ED6528 /* Products */ = { 587 | isa = PBXGroup; 588 | children = ( 589 | ADBDB9271DFEBF0700ED6528 /* libRCTBlob.a */, 590 | 2E816E021FBE93C0002E93DD /* libRCTBlob-tvOS.a */, 591 | ); 592 | name = Products; 593 | sourceTree = ""; 594 | }; 595 | /* End PBXGroup section */ 596 | 597 | /* Begin PBXNativeTarget section */ 598 | 00E356ED1AD99517003FC87E /* react_native_css_in_js_benchmarksTests */ = { 599 | isa = PBXNativeTarget; 600 | buildConfigurationList = 00E357021AD99517003FC87E /* Build configuration list for PBXNativeTarget "react_native_css_in_js_benchmarksTests" */; 601 | buildPhases = ( 602 | 00E356EA1AD99517003FC87E /* Sources */, 603 | 00E356EB1AD99517003FC87E /* Frameworks */, 604 | 00E356EC1AD99517003FC87E /* Resources */, 605 | ); 606 | buildRules = ( 607 | ); 608 | dependencies = ( 609 | 00E356F51AD99517003FC87E /* PBXTargetDependency */, 610 | ); 611 | name = react_native_css_in_js_benchmarksTests; 612 | productName = react_native_css_in_js_benchmarksTests; 613 | productReference = 00E356EE1AD99517003FC87E /* react_native_css_in_js_benchmarksTests.xctest */; 614 | productType = "com.apple.product-type.bundle.unit-test"; 615 | }; 616 | 13B07F861A680F5B00A75B9A /* react_native_css_in_js_benchmarks */ = { 617 | isa = PBXNativeTarget; 618 | buildConfigurationList = 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "react_native_css_in_js_benchmarks" */; 619 | buildPhases = ( 620 | 13B07F871A680F5B00A75B9A /* Sources */, 621 | 13B07F8C1A680F5B00A75B9A /* Frameworks */, 622 | 13B07F8E1A680F5B00A75B9A /* Resources */, 623 | 00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */, 624 | ); 625 | buildRules = ( 626 | ); 627 | dependencies = ( 628 | ); 629 | name = react_native_css_in_js_benchmarks; 630 | productName = "Hello World"; 631 | productReference = 13B07F961A680F5B00A75B9A /* react_native_css_in_js_benchmarks.app */; 632 | productType = "com.apple.product-type.application"; 633 | }; 634 | 2D02E47A1E0B4A5D006451C7 /* react_native_css_in_js_benchmarks-tvOS */ = { 635 | isa = PBXNativeTarget; 636 | buildConfigurationList = 2D02E4BA1E0B4A5E006451C7 /* Build configuration list for PBXNativeTarget "react_native_css_in_js_benchmarks-tvOS" */; 637 | buildPhases = ( 638 | 2D02E4771E0B4A5D006451C7 /* Sources */, 639 | 2D02E4781E0B4A5D006451C7 /* Frameworks */, 640 | 2D02E4791E0B4A5D006451C7 /* Resources */, 641 | 2D02E4CB1E0B4B27006451C7 /* Bundle React Native Code And Images */, 642 | ); 643 | buildRules = ( 644 | ); 645 | dependencies = ( 646 | ); 647 | name = "react_native_css_in_js_benchmarks-tvOS"; 648 | productName = "react_native_css_in_js_benchmarks-tvOS"; 649 | productReference = 2D02E47B1E0B4A5D006451C7 /* react_native_css_in_js_benchmarks-tvOS.app */; 650 | productType = "com.apple.product-type.application"; 651 | }; 652 | 2D02E48F1E0B4A5D006451C7 /* react_native_css_in_js_benchmarks-tvOSTests */ = { 653 | isa = PBXNativeTarget; 654 | buildConfigurationList = 2D02E4BB1E0B4A5E006451C7 /* Build configuration list for PBXNativeTarget "react_native_css_in_js_benchmarks-tvOSTests" */; 655 | buildPhases = ( 656 | 2D02E48C1E0B4A5D006451C7 /* Sources */, 657 | 2D02E48D1E0B4A5D006451C7 /* Frameworks */, 658 | 2D02E48E1E0B4A5D006451C7 /* Resources */, 659 | ); 660 | buildRules = ( 661 | ); 662 | dependencies = ( 663 | 2D02E4921E0B4A5D006451C7 /* PBXTargetDependency */, 664 | ); 665 | name = "react_native_css_in_js_benchmarks-tvOSTests"; 666 | productName = "react_native_css_in_js_benchmarks-tvOSTests"; 667 | productReference = 2D02E4901E0B4A5D006451C7 /* react_native_css_in_js_benchmarks-tvOSTests.xctest */; 668 | productType = "com.apple.product-type.bundle.unit-test"; 669 | }; 670 | /* End PBXNativeTarget section */ 671 | 672 | /* Begin PBXProject section */ 673 | 83CBB9F71A601CBA00E9B192 /* Project object */ = { 674 | isa = PBXProject; 675 | attributes = { 676 | LastUpgradeCheck = 0610; 677 | ORGANIZATIONNAME = Facebook; 678 | TargetAttributes = { 679 | 00E356ED1AD99517003FC87E = { 680 | CreatedOnToolsVersion = 6.2; 681 | TestTargetID = 13B07F861A680F5B00A75B9A; 682 | }; 683 | 13B07F861A680F5B00A75B9A = { 684 | DevelopmentTeam = JNXGJS86YQ; 685 | }; 686 | 2D02E47A1E0B4A5D006451C7 = { 687 | CreatedOnToolsVersion = 8.2.1; 688 | ProvisioningStyle = Automatic; 689 | }; 690 | 2D02E48F1E0B4A5D006451C7 = { 691 | CreatedOnToolsVersion = 8.2.1; 692 | ProvisioningStyle = Automatic; 693 | TestTargetID = 2D02E47A1E0B4A5D006451C7; 694 | }; 695 | }; 696 | }; 697 | buildConfigurationList = 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "react_native_css_in_js_benchmarks" */; 698 | compatibilityVersion = "Xcode 3.2"; 699 | developmentRegion = English; 700 | hasScannedForEncodings = 0; 701 | knownRegions = ( 702 | en, 703 | Base, 704 | ); 705 | mainGroup = 83CBB9F61A601CBA00E9B192; 706 | productRefGroup = 83CBBA001A601CBA00E9B192 /* Products */; 707 | projectDirPath = ""; 708 | projectReferences = ( 709 | { 710 | ProductGroup = 00C302A81ABCB8CE00DB3ED1 /* Products */; 711 | ProjectRef = 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */; 712 | }, 713 | { 714 | ProductGroup = 5E91572E1DD0AC6500FF2AA8 /* Products */; 715 | ProjectRef = 5E91572D1DD0AC6500FF2AA8 /* RCTAnimation.xcodeproj */; 716 | }, 717 | { 718 | ProductGroup = ADBDB9201DFEBF0600ED6528 /* Products */; 719 | ProjectRef = ADBDB91F1DFEBF0600ED6528 /* RCTBlob.xcodeproj */; 720 | }, 721 | { 722 | ProductGroup = 00C302B61ABCB90400DB3ED1 /* Products */; 723 | ProjectRef = 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */; 724 | }, 725 | { 726 | ProductGroup = 00C302BC1ABCB91800DB3ED1 /* Products */; 727 | ProjectRef = 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */; 728 | }, 729 | { 730 | ProductGroup = 78C398B11ACF4ADC00677621 /* Products */; 731 | ProjectRef = 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */; 732 | }, 733 | { 734 | ProductGroup = 00C302D41ABCB9D200DB3ED1 /* Products */; 735 | ProjectRef = 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */; 736 | }, 737 | { 738 | ProductGroup = 139105B71AF99BAD00B5F7CC /* Products */; 739 | ProjectRef = 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */; 740 | }, 741 | { 742 | ProductGroup = 832341B11AAA6A8300B99B32 /* Products */; 743 | ProjectRef = 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */; 744 | }, 745 | { 746 | ProductGroup = 00C302E01ABCB9EE00DB3ED1 /* Products */; 747 | ProjectRef = 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */; 748 | }, 749 | { 750 | ProductGroup = 139FDEE71B06529A00C62182 /* Products */; 751 | ProjectRef = 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */; 752 | }, 753 | { 754 | ProductGroup = 146834001AC3E56700842450 /* Products */; 755 | ProjectRef = 146833FF1AC3E56700842450 /* React.xcodeproj */; 756 | }, 757 | ); 758 | projectRoot = ""; 759 | targets = ( 760 | 13B07F861A680F5B00A75B9A /* react_native_css_in_js_benchmarks */, 761 | 00E356ED1AD99517003FC87E /* react_native_css_in_js_benchmarksTests */, 762 | 2D02E47A1E0B4A5D006451C7 /* react_native_css_in_js_benchmarks-tvOS */, 763 | 2D02E48F1E0B4A5D006451C7 /* react_native_css_in_js_benchmarks-tvOSTests */, 764 | ); 765 | }; 766 | /* End PBXProject section */ 767 | 768 | /* Begin PBXReferenceProxy section */ 769 | 00C302AC1ABCB8CE00DB3ED1 /* libRCTActionSheet.a */ = { 770 | isa = PBXReferenceProxy; 771 | fileType = archive.ar; 772 | path = libRCTActionSheet.a; 773 | remoteRef = 00C302AB1ABCB8CE00DB3ED1 /* PBXContainerItemProxy */; 774 | sourceTree = BUILT_PRODUCTS_DIR; 775 | }; 776 | 00C302BA1ABCB90400DB3ED1 /* libRCTGeolocation.a */ = { 777 | isa = PBXReferenceProxy; 778 | fileType = archive.ar; 779 | path = libRCTGeolocation.a; 780 | remoteRef = 00C302B91ABCB90400DB3ED1 /* PBXContainerItemProxy */; 781 | sourceTree = BUILT_PRODUCTS_DIR; 782 | }; 783 | 00C302C01ABCB91800DB3ED1 /* libRCTImage.a */ = { 784 | isa = PBXReferenceProxy; 785 | fileType = archive.ar; 786 | path = libRCTImage.a; 787 | remoteRef = 00C302BF1ABCB91800DB3ED1 /* PBXContainerItemProxy */; 788 | sourceTree = BUILT_PRODUCTS_DIR; 789 | }; 790 | 00C302DC1ABCB9D200DB3ED1 /* libRCTNetwork.a */ = { 791 | isa = PBXReferenceProxy; 792 | fileType = archive.ar; 793 | path = libRCTNetwork.a; 794 | remoteRef = 00C302DB1ABCB9D200DB3ED1 /* PBXContainerItemProxy */; 795 | sourceTree = BUILT_PRODUCTS_DIR; 796 | }; 797 | 00C302E41ABCB9EE00DB3ED1 /* libRCTVibration.a */ = { 798 | isa = PBXReferenceProxy; 799 | fileType = archive.ar; 800 | path = libRCTVibration.a; 801 | remoteRef = 00C302E31ABCB9EE00DB3ED1 /* PBXContainerItemProxy */; 802 | sourceTree = BUILT_PRODUCTS_DIR; 803 | }; 804 | 139105C11AF99BAD00B5F7CC /* libRCTSettings.a */ = { 805 | isa = PBXReferenceProxy; 806 | fileType = archive.ar; 807 | path = libRCTSettings.a; 808 | remoteRef = 139105C01AF99BAD00B5F7CC /* PBXContainerItemProxy */; 809 | sourceTree = BUILT_PRODUCTS_DIR; 810 | }; 811 | 139FDEF41B06529B00C62182 /* libRCTWebSocket.a */ = { 812 | isa = PBXReferenceProxy; 813 | fileType = archive.ar; 814 | path = libRCTWebSocket.a; 815 | remoteRef = 139FDEF31B06529B00C62182 /* PBXContainerItemProxy */; 816 | sourceTree = BUILT_PRODUCTS_DIR; 817 | }; 818 | 146834041AC3E56700842450 /* libReact.a */ = { 819 | isa = PBXReferenceProxy; 820 | fileType = archive.ar; 821 | path = libReact.a; 822 | remoteRef = 146834031AC3E56700842450 /* PBXContainerItemProxy */; 823 | sourceTree = BUILT_PRODUCTS_DIR; 824 | }; 825 | 2E0D1D7A1FBE9BE1006B91B8 /* libthird-party.a */ = { 826 | isa = PBXReferenceProxy; 827 | fileType = archive.ar; 828 | path = "libthird-party.a"; 829 | remoteRef = 2E0D1D791FBE9BE1006B91B8 /* PBXContainerItemProxy */; 830 | sourceTree = BUILT_PRODUCTS_DIR; 831 | }; 832 | 2E0D1D7C1FBE9BE1006B91B8 /* libthird-party.a */ = { 833 | isa = PBXReferenceProxy; 834 | fileType = archive.ar; 835 | path = "libthird-party.a"; 836 | remoteRef = 2E0D1D7B1FBE9BE1006B91B8 /* PBXContainerItemProxy */; 837 | sourceTree = BUILT_PRODUCTS_DIR; 838 | }; 839 | 2E0D1D7E1FBE9BE1006B91B8 /* libdouble-conversion.a */ = { 840 | isa = PBXReferenceProxy; 841 | fileType = archive.ar; 842 | path = "libdouble-conversion.a"; 843 | remoteRef = 2E0D1D7D1FBE9BE1006B91B8 /* PBXContainerItemProxy */; 844 | sourceTree = BUILT_PRODUCTS_DIR; 845 | }; 846 | 2E0D1D801FBE9BE1006B91B8 /* libdouble-conversion.a */ = { 847 | isa = PBXReferenceProxy; 848 | fileType = archive.ar; 849 | path = "libdouble-conversion.a"; 850 | remoteRef = 2E0D1D7F1FBE9BE1006B91B8 /* PBXContainerItemProxy */; 851 | sourceTree = BUILT_PRODUCTS_DIR; 852 | }; 853 | 2E0D1D821FBE9BE1006B91B8 /* libprivatedata.a */ = { 854 | isa = PBXReferenceProxy; 855 | fileType = archive.ar; 856 | path = libprivatedata.a; 857 | remoteRef = 2E0D1D811FBE9BE1006B91B8 /* PBXContainerItemProxy */; 858 | sourceTree = BUILT_PRODUCTS_DIR; 859 | }; 860 | 2E0D1D841FBE9BE1006B91B8 /* libprivatedata-tvOS.a */ = { 861 | isa = PBXReferenceProxy; 862 | fileType = archive.ar; 863 | path = "libprivatedata-tvOS.a"; 864 | remoteRef = 2E0D1D831FBE9BE1006B91B8 /* PBXContainerItemProxy */; 865 | sourceTree = BUILT_PRODUCTS_DIR; 866 | }; 867 | 2E2A83D020D21F6300DC2426 /* libjsinspector.a */ = { 868 | isa = PBXReferenceProxy; 869 | fileType = archive.ar; 870 | path = libjsinspector.a; 871 | remoteRef = 2E2A83CF20D21F6300DC2426 /* PBXContainerItemProxy */; 872 | sourceTree = BUILT_PRODUCTS_DIR; 873 | }; 874 | 2E2A83D220D21F6300DC2426 /* libjsinspector-tvOS.a */ = { 875 | isa = PBXReferenceProxy; 876 | fileType = archive.ar; 877 | path = "libjsinspector-tvOS.a"; 878 | remoteRef = 2E2A83D120D21F6300DC2426 /* PBXContainerItemProxy */; 879 | sourceTree = BUILT_PRODUCTS_DIR; 880 | }; 881 | 2E816E021FBE93C0002E93DD /* libRCTBlob-tvOS.a */ = { 882 | isa = PBXReferenceProxy; 883 | fileType = archive.ar; 884 | path = "libRCTBlob-tvOS.a"; 885 | remoteRef = 2E816E011FBE93C0002E93DD /* PBXContainerItemProxy */; 886 | sourceTree = BUILT_PRODUCTS_DIR; 887 | }; 888 | 2E816E141FBE93C0002E93DD /* libfishhook.a */ = { 889 | isa = PBXReferenceProxy; 890 | fileType = archive.ar; 891 | path = libfishhook.a; 892 | remoteRef = 2E816E131FBE93C0002E93DD /* PBXContainerItemProxy */; 893 | sourceTree = BUILT_PRODUCTS_DIR; 894 | }; 895 | 2E816E161FBE93C0002E93DD /* libfishhook-tvOS.a */ = { 896 | isa = PBXReferenceProxy; 897 | fileType = archive.ar; 898 | path = "libfishhook-tvOS.a"; 899 | remoteRef = 2E816E151FBE93C0002E93DD /* PBXContainerItemProxy */; 900 | sourceTree = BUILT_PRODUCTS_DIR; 901 | }; 902 | 3DAD3E841DF850E9000B6D8A /* libRCTImage-tvOS.a */ = { 903 | isa = PBXReferenceProxy; 904 | fileType = archive.ar; 905 | path = "libRCTImage-tvOS.a"; 906 | remoteRef = 3DAD3E831DF850E9000B6D8A /* PBXContainerItemProxy */; 907 | sourceTree = BUILT_PRODUCTS_DIR; 908 | }; 909 | 3DAD3E881DF850E9000B6D8A /* libRCTLinking-tvOS.a */ = { 910 | isa = PBXReferenceProxy; 911 | fileType = archive.ar; 912 | path = "libRCTLinking-tvOS.a"; 913 | remoteRef = 3DAD3E871DF850E9000B6D8A /* PBXContainerItemProxy */; 914 | sourceTree = BUILT_PRODUCTS_DIR; 915 | }; 916 | 3DAD3E8C1DF850E9000B6D8A /* libRCTNetwork-tvOS.a */ = { 917 | isa = PBXReferenceProxy; 918 | fileType = archive.ar; 919 | path = "libRCTNetwork-tvOS.a"; 920 | remoteRef = 3DAD3E8B1DF850E9000B6D8A /* PBXContainerItemProxy */; 921 | sourceTree = BUILT_PRODUCTS_DIR; 922 | }; 923 | 3DAD3E901DF850E9000B6D8A /* libRCTSettings-tvOS.a */ = { 924 | isa = PBXReferenceProxy; 925 | fileType = archive.ar; 926 | path = "libRCTSettings-tvOS.a"; 927 | remoteRef = 3DAD3E8F1DF850E9000B6D8A /* PBXContainerItemProxy */; 928 | sourceTree = BUILT_PRODUCTS_DIR; 929 | }; 930 | 3DAD3E941DF850E9000B6D8A /* libRCTText-tvOS.a */ = { 931 | isa = PBXReferenceProxy; 932 | fileType = archive.ar; 933 | path = "libRCTText-tvOS.a"; 934 | remoteRef = 3DAD3E931DF850E9000B6D8A /* PBXContainerItemProxy */; 935 | sourceTree = BUILT_PRODUCTS_DIR; 936 | }; 937 | 3DAD3E991DF850E9000B6D8A /* libRCTWebSocket-tvOS.a */ = { 938 | isa = PBXReferenceProxy; 939 | fileType = archive.ar; 940 | path = "libRCTWebSocket-tvOS.a"; 941 | remoteRef = 3DAD3E981DF850E9000B6D8A /* PBXContainerItemProxy */; 942 | sourceTree = BUILT_PRODUCTS_DIR; 943 | }; 944 | 3DAD3EA31DF850E9000B6D8A /* libReact.a */ = { 945 | isa = PBXReferenceProxy; 946 | fileType = archive.ar; 947 | path = libReact.a; 948 | remoteRef = 3DAD3EA21DF850E9000B6D8A /* PBXContainerItemProxy */; 949 | sourceTree = BUILT_PRODUCTS_DIR; 950 | }; 951 | 3DAD3EA51DF850E9000B6D8A /* libyoga.a */ = { 952 | isa = PBXReferenceProxy; 953 | fileType = archive.ar; 954 | path = libyoga.a; 955 | remoteRef = 3DAD3EA41DF850E9000B6D8A /* PBXContainerItemProxy */; 956 | sourceTree = BUILT_PRODUCTS_DIR; 957 | }; 958 | 3DAD3EA71DF850E9000B6D8A /* libyoga.a */ = { 959 | isa = PBXReferenceProxy; 960 | fileType = archive.ar; 961 | path = libyoga.a; 962 | remoteRef = 3DAD3EA61DF850E9000B6D8A /* PBXContainerItemProxy */; 963 | sourceTree = BUILT_PRODUCTS_DIR; 964 | }; 965 | 3DAD3EA91DF850E9000B6D8A /* libcxxreact.a */ = { 966 | isa = PBXReferenceProxy; 967 | fileType = archive.ar; 968 | path = libcxxreact.a; 969 | remoteRef = 3DAD3EA81DF850E9000B6D8A /* PBXContainerItemProxy */; 970 | sourceTree = BUILT_PRODUCTS_DIR; 971 | }; 972 | 3DAD3EAB1DF850E9000B6D8A /* libcxxreact.a */ = { 973 | isa = PBXReferenceProxy; 974 | fileType = archive.ar; 975 | path = libcxxreact.a; 976 | remoteRef = 3DAD3EAA1DF850E9000B6D8A /* PBXContainerItemProxy */; 977 | sourceTree = BUILT_PRODUCTS_DIR; 978 | }; 979 | 3DAD3EAD1DF850E9000B6D8A /* libjschelpers.a */ = { 980 | isa = PBXReferenceProxy; 981 | fileType = archive.ar; 982 | path = libjschelpers.a; 983 | remoteRef = 3DAD3EAC1DF850E9000B6D8A /* PBXContainerItemProxy */; 984 | sourceTree = BUILT_PRODUCTS_DIR; 985 | }; 986 | 3DAD3EAF1DF850E9000B6D8A /* libjschelpers.a */ = { 987 | isa = PBXReferenceProxy; 988 | fileType = archive.ar; 989 | path = libjschelpers.a; 990 | remoteRef = 3DAD3EAE1DF850E9000B6D8A /* PBXContainerItemProxy */; 991 | sourceTree = BUILT_PRODUCTS_DIR; 992 | }; 993 | 5E9157331DD0AC6500FF2AA8 /* libRCTAnimation.a */ = { 994 | isa = PBXReferenceProxy; 995 | fileType = archive.ar; 996 | path = libRCTAnimation.a; 997 | remoteRef = 5E9157321DD0AC6500FF2AA8 /* PBXContainerItemProxy */; 998 | sourceTree = BUILT_PRODUCTS_DIR; 999 | }; 1000 | 5E9157351DD0AC6500FF2AA8 /* libRCTAnimation.a */ = { 1001 | isa = PBXReferenceProxy; 1002 | fileType = archive.ar; 1003 | path = libRCTAnimation.a; 1004 | remoteRef = 5E9157341DD0AC6500FF2AA8 /* PBXContainerItemProxy */; 1005 | sourceTree = BUILT_PRODUCTS_DIR; 1006 | }; 1007 | 78C398B91ACF4ADC00677621 /* libRCTLinking.a */ = { 1008 | isa = PBXReferenceProxy; 1009 | fileType = archive.ar; 1010 | path = libRCTLinking.a; 1011 | remoteRef = 78C398B81ACF4ADC00677621 /* PBXContainerItemProxy */; 1012 | sourceTree = BUILT_PRODUCTS_DIR; 1013 | }; 1014 | 832341B51AAA6A8300B99B32 /* libRCTText.a */ = { 1015 | isa = PBXReferenceProxy; 1016 | fileType = archive.ar; 1017 | path = libRCTText.a; 1018 | remoteRef = 832341B41AAA6A8300B99B32 /* PBXContainerItemProxy */; 1019 | sourceTree = BUILT_PRODUCTS_DIR; 1020 | }; 1021 | ADBDB9271DFEBF0700ED6528 /* libRCTBlob.a */ = { 1022 | isa = PBXReferenceProxy; 1023 | fileType = archive.ar; 1024 | path = libRCTBlob.a; 1025 | remoteRef = ADBDB9261DFEBF0700ED6528 /* PBXContainerItemProxy */; 1026 | sourceTree = BUILT_PRODUCTS_DIR; 1027 | }; 1028 | /* End PBXReferenceProxy section */ 1029 | 1030 | /* Begin PBXResourcesBuildPhase section */ 1031 | 00E356EC1AD99517003FC87E /* Resources */ = { 1032 | isa = PBXResourcesBuildPhase; 1033 | buildActionMask = 2147483647; 1034 | files = ( 1035 | ); 1036 | runOnlyForDeploymentPostprocessing = 0; 1037 | }; 1038 | 13B07F8E1A680F5B00A75B9A /* Resources */ = { 1039 | isa = PBXResourcesBuildPhase; 1040 | buildActionMask = 2147483647; 1041 | files = ( 1042 | 13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */, 1043 | 13B07FBD1A68108700A75B9A /* LaunchScreen.xib in Resources */, 1044 | ); 1045 | runOnlyForDeploymentPostprocessing = 0; 1046 | }; 1047 | 2D02E4791E0B4A5D006451C7 /* Resources */ = { 1048 | isa = PBXResourcesBuildPhase; 1049 | buildActionMask = 2147483647; 1050 | files = ( 1051 | 2D02E4BD1E0B4A84006451C7 /* Images.xcassets in Resources */, 1052 | ); 1053 | runOnlyForDeploymentPostprocessing = 0; 1054 | }; 1055 | 2D02E48E1E0B4A5D006451C7 /* Resources */ = { 1056 | isa = PBXResourcesBuildPhase; 1057 | buildActionMask = 2147483647; 1058 | files = ( 1059 | ); 1060 | runOnlyForDeploymentPostprocessing = 0; 1061 | }; 1062 | /* End PBXResourcesBuildPhase section */ 1063 | 1064 | /* Begin PBXShellScriptBuildPhase section */ 1065 | 00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */ = { 1066 | isa = PBXShellScriptBuildPhase; 1067 | buildActionMask = 2147483647; 1068 | files = ( 1069 | ); 1070 | inputPaths = ( 1071 | ); 1072 | name = "Bundle React Native code and images"; 1073 | outputPaths = ( 1074 | ); 1075 | runOnlyForDeploymentPostprocessing = 0; 1076 | shellPath = /bin/sh; 1077 | shellScript = "export NODE_BINARY=node\n../node_modules/react-native/scripts/react-native-xcode.sh"; 1078 | }; 1079 | 2D02E4CB1E0B4B27006451C7 /* Bundle React Native Code And Images */ = { 1080 | isa = PBXShellScriptBuildPhase; 1081 | buildActionMask = 2147483647; 1082 | files = ( 1083 | ); 1084 | inputPaths = ( 1085 | ); 1086 | name = "Bundle React Native Code And Images"; 1087 | outputPaths = ( 1088 | ); 1089 | runOnlyForDeploymentPostprocessing = 0; 1090 | shellPath = /bin/sh; 1091 | shellScript = "export NODE_BINARY=node\n../node_modules/react-native/scripts/react-native-xcode.sh"; 1092 | }; 1093 | /* End PBXShellScriptBuildPhase section */ 1094 | 1095 | /* Begin PBXSourcesBuildPhase section */ 1096 | 00E356EA1AD99517003FC87E /* Sources */ = { 1097 | isa = PBXSourcesBuildPhase; 1098 | buildActionMask = 2147483647; 1099 | files = ( 1100 | 00E356F31AD99517003FC87E /* react_native_css_in_js_benchmarksTests.m in Sources */, 1101 | ); 1102 | runOnlyForDeploymentPostprocessing = 0; 1103 | }; 1104 | 13B07F871A680F5B00A75B9A /* Sources */ = { 1105 | isa = PBXSourcesBuildPhase; 1106 | buildActionMask = 2147483647; 1107 | files = ( 1108 | 13B07FBC1A68108700A75B9A /* AppDelegate.m in Sources */, 1109 | 13B07FC11A68108700A75B9A /* main.m in Sources */, 1110 | ); 1111 | runOnlyForDeploymentPostprocessing = 0; 1112 | }; 1113 | 2D02E4771E0B4A5D006451C7 /* Sources */ = { 1114 | isa = PBXSourcesBuildPhase; 1115 | buildActionMask = 2147483647; 1116 | files = ( 1117 | 2D02E4BF1E0B4AB3006451C7 /* main.m in Sources */, 1118 | 2D02E4BC1E0B4A80006451C7 /* AppDelegate.m in Sources */, 1119 | ); 1120 | runOnlyForDeploymentPostprocessing = 0; 1121 | }; 1122 | 2D02E48C1E0B4A5D006451C7 /* Sources */ = { 1123 | isa = PBXSourcesBuildPhase; 1124 | buildActionMask = 2147483647; 1125 | files = ( 1126 | 2DCD954D1E0B4F2C00145EB5 /* react_native_css_in_js_benchmarksTests.m in Sources */, 1127 | ); 1128 | runOnlyForDeploymentPostprocessing = 0; 1129 | }; 1130 | /* End PBXSourcesBuildPhase section */ 1131 | 1132 | /* Begin PBXTargetDependency section */ 1133 | 00E356F51AD99517003FC87E /* PBXTargetDependency */ = { 1134 | isa = PBXTargetDependency; 1135 | target = 13B07F861A680F5B00A75B9A /* react_native_css_in_js_benchmarks */; 1136 | targetProxy = 00E356F41AD99517003FC87E /* PBXContainerItemProxy */; 1137 | }; 1138 | 2D02E4921E0B4A5D006451C7 /* PBXTargetDependency */ = { 1139 | isa = PBXTargetDependency; 1140 | target = 2D02E47A1E0B4A5D006451C7 /* react_native_css_in_js_benchmarks-tvOS */; 1141 | targetProxy = 2D02E4911E0B4A5D006451C7 /* PBXContainerItemProxy */; 1142 | }; 1143 | /* End PBXTargetDependency section */ 1144 | 1145 | /* Begin PBXVariantGroup section */ 1146 | 13B07FB11A68108700A75B9A /* LaunchScreen.xib */ = { 1147 | isa = PBXVariantGroup; 1148 | children = ( 1149 | 13B07FB21A68108700A75B9A /* Base */, 1150 | ); 1151 | name = LaunchScreen.xib; 1152 | path = react_native_css_in_js_benchmarks; 1153 | sourceTree = ""; 1154 | }; 1155 | /* End PBXVariantGroup section */ 1156 | 1157 | /* Begin XCBuildConfiguration section */ 1158 | 00E356F61AD99517003FC87E /* Debug */ = { 1159 | isa = XCBuildConfiguration; 1160 | buildSettings = { 1161 | BUNDLE_LOADER = "$(TEST_HOST)"; 1162 | GCC_PREPROCESSOR_DEFINITIONS = ( 1163 | "DEBUG=1", 1164 | "$(inherited)", 1165 | ); 1166 | INFOPLIST_FILE = react_native_css_in_js_benchmarksTests/Info.plist; 1167 | IPHONEOS_DEPLOYMENT_TARGET = 8.0; 1168 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks"; 1169 | OTHER_LDFLAGS = ( 1170 | "-ObjC", 1171 | "-lc++", 1172 | ); 1173 | PRODUCT_NAME = "$(TARGET_NAME)"; 1174 | TEST_HOST = "$(BUILT_PRODUCTS_DIR)/react_native_css_in_js_benchmarks.app/react_native_css_in_js_benchmarks"; 1175 | }; 1176 | name = Debug; 1177 | }; 1178 | 00E356F71AD99517003FC87E /* Release */ = { 1179 | isa = XCBuildConfiguration; 1180 | buildSettings = { 1181 | BUNDLE_LOADER = "$(TEST_HOST)"; 1182 | COPY_PHASE_STRIP = NO; 1183 | INFOPLIST_FILE = react_native_css_in_js_benchmarksTests/Info.plist; 1184 | IPHONEOS_DEPLOYMENT_TARGET = 8.0; 1185 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks"; 1186 | OTHER_LDFLAGS = ( 1187 | "-ObjC", 1188 | "-lc++", 1189 | ); 1190 | PRODUCT_NAME = "$(TARGET_NAME)"; 1191 | TEST_HOST = "$(BUILT_PRODUCTS_DIR)/react_native_css_in_js_benchmarks.app/react_native_css_in_js_benchmarks"; 1192 | }; 1193 | name = Release; 1194 | }; 1195 | 13B07F941A680F5B00A75B9A /* Debug */ = { 1196 | isa = XCBuildConfiguration; 1197 | buildSettings = { 1198 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; 1199 | CURRENT_PROJECT_VERSION = 1; 1200 | DEAD_CODE_STRIPPING = NO; 1201 | DEVELOPMENT_TEAM = JNXGJS86YQ; 1202 | INFOPLIST_FILE = react_native_css_in_js_benchmarks/Info.plist; 1203 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 1204 | OTHER_LDFLAGS = ( 1205 | "$(inherited)", 1206 | "-ObjC", 1207 | "-lc++", 1208 | ); 1209 | PRODUCT_BUNDLE_IDENTIFIER = "org.brunolemos.react-native-css-in-js-benchmarks"; 1210 | PRODUCT_NAME = react_native_css_in_js_benchmarks; 1211 | VERSIONING_SYSTEM = "apple-generic"; 1212 | }; 1213 | name = Debug; 1214 | }; 1215 | 13B07F951A680F5B00A75B9A /* Release */ = { 1216 | isa = XCBuildConfiguration; 1217 | buildSettings = { 1218 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; 1219 | CURRENT_PROJECT_VERSION = 1; 1220 | DEVELOPMENT_TEAM = JNXGJS86YQ; 1221 | INFOPLIST_FILE = react_native_css_in_js_benchmarks/Info.plist; 1222 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 1223 | OTHER_LDFLAGS = ( 1224 | "$(inherited)", 1225 | "-ObjC", 1226 | "-lc++", 1227 | ); 1228 | PRODUCT_BUNDLE_IDENTIFIER = "org.brunolemos.react-native-css-in-js-benchmarks"; 1229 | PRODUCT_NAME = react_native_css_in_js_benchmarks; 1230 | VERSIONING_SYSTEM = "apple-generic"; 1231 | }; 1232 | name = Release; 1233 | }; 1234 | 2D02E4971E0B4A5E006451C7 /* Debug */ = { 1235 | isa = XCBuildConfiguration; 1236 | buildSettings = { 1237 | ASSETCATALOG_COMPILER_APPICON_NAME = "App Icon & Top Shelf Image"; 1238 | ASSETCATALOG_COMPILER_LAUNCHIMAGE_NAME = LaunchImage; 1239 | CLANG_ANALYZER_NONNULL = YES; 1240 | CLANG_WARN_DOCUMENTATION_COMMENTS = YES; 1241 | CLANG_WARN_INFINITE_RECURSION = YES; 1242 | CLANG_WARN_SUSPICIOUS_MOVE = YES; 1243 | DEBUG_INFORMATION_FORMAT = dwarf; 1244 | ENABLE_TESTABILITY = YES; 1245 | GCC_NO_COMMON_BLOCKS = YES; 1246 | INFOPLIST_FILE = "react_native_css_in_js_benchmarks-tvOS/Info.plist"; 1247 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 1248 | OTHER_LDFLAGS = ( 1249 | "-ObjC", 1250 | "-lc++", 1251 | ); 1252 | PRODUCT_BUNDLE_IDENTIFIER = "com.facebook.REACT.react_native_css_in_js_benchmarks-tvOS"; 1253 | PRODUCT_NAME = "$(TARGET_NAME)"; 1254 | SDKROOT = appletvos; 1255 | TARGETED_DEVICE_FAMILY = 3; 1256 | TVOS_DEPLOYMENT_TARGET = 9.2; 1257 | }; 1258 | name = Debug; 1259 | }; 1260 | 2D02E4981E0B4A5E006451C7 /* Release */ = { 1261 | isa = XCBuildConfiguration; 1262 | buildSettings = { 1263 | ASSETCATALOG_COMPILER_APPICON_NAME = "App Icon & Top Shelf Image"; 1264 | ASSETCATALOG_COMPILER_LAUNCHIMAGE_NAME = LaunchImage; 1265 | CLANG_ANALYZER_NONNULL = YES; 1266 | CLANG_WARN_DOCUMENTATION_COMMENTS = YES; 1267 | CLANG_WARN_INFINITE_RECURSION = YES; 1268 | CLANG_WARN_SUSPICIOUS_MOVE = YES; 1269 | COPY_PHASE_STRIP = NO; 1270 | DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym"; 1271 | GCC_NO_COMMON_BLOCKS = YES; 1272 | INFOPLIST_FILE = "react_native_css_in_js_benchmarks-tvOS/Info.plist"; 1273 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 1274 | OTHER_LDFLAGS = ( 1275 | "-ObjC", 1276 | "-lc++", 1277 | ); 1278 | PRODUCT_BUNDLE_IDENTIFIER = "com.facebook.REACT.react_native_css_in_js_benchmarks-tvOS"; 1279 | PRODUCT_NAME = "$(TARGET_NAME)"; 1280 | SDKROOT = appletvos; 1281 | TARGETED_DEVICE_FAMILY = 3; 1282 | TVOS_DEPLOYMENT_TARGET = 9.2; 1283 | }; 1284 | name = Release; 1285 | }; 1286 | 2D02E4991E0B4A5E006451C7 /* Debug */ = { 1287 | isa = XCBuildConfiguration; 1288 | buildSettings = { 1289 | BUNDLE_LOADER = "$(TEST_HOST)"; 1290 | CLANG_ANALYZER_NONNULL = YES; 1291 | CLANG_WARN_DOCUMENTATION_COMMENTS = YES; 1292 | CLANG_WARN_INFINITE_RECURSION = YES; 1293 | CLANG_WARN_SUSPICIOUS_MOVE = YES; 1294 | DEBUG_INFORMATION_FORMAT = dwarf; 1295 | ENABLE_TESTABILITY = YES; 1296 | GCC_NO_COMMON_BLOCKS = YES; 1297 | INFOPLIST_FILE = "react_native_css_in_js_benchmarks-tvOSTests/Info.plist"; 1298 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks"; 1299 | PRODUCT_BUNDLE_IDENTIFIER = "com.facebook.REACT.react_native_css_in_js_benchmarks-tvOSTests"; 1300 | PRODUCT_NAME = "$(TARGET_NAME)"; 1301 | SDKROOT = appletvos; 1302 | TEST_HOST = "$(BUILT_PRODUCTS_DIR)/react_native_css_in_js_benchmarks-tvOS.app/react_native_css_in_js_benchmarks-tvOS"; 1303 | TVOS_DEPLOYMENT_TARGET = 10.1; 1304 | }; 1305 | name = Debug; 1306 | }; 1307 | 2D02E49A1E0B4A5E006451C7 /* Release */ = { 1308 | isa = XCBuildConfiguration; 1309 | buildSettings = { 1310 | BUNDLE_LOADER = "$(TEST_HOST)"; 1311 | CLANG_ANALYZER_NONNULL = YES; 1312 | CLANG_WARN_DOCUMENTATION_COMMENTS = YES; 1313 | CLANG_WARN_INFINITE_RECURSION = YES; 1314 | CLANG_WARN_SUSPICIOUS_MOVE = YES; 1315 | COPY_PHASE_STRIP = NO; 1316 | DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym"; 1317 | GCC_NO_COMMON_BLOCKS = YES; 1318 | INFOPLIST_FILE = "react_native_css_in_js_benchmarks-tvOSTests/Info.plist"; 1319 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks"; 1320 | PRODUCT_BUNDLE_IDENTIFIER = "com.facebook.REACT.react_native_css_in_js_benchmarks-tvOSTests"; 1321 | PRODUCT_NAME = "$(TARGET_NAME)"; 1322 | SDKROOT = appletvos; 1323 | TEST_HOST = "$(BUILT_PRODUCTS_DIR)/react_native_css_in_js_benchmarks-tvOS.app/react_native_css_in_js_benchmarks-tvOS"; 1324 | TVOS_DEPLOYMENT_TARGET = 10.1; 1325 | }; 1326 | name = Release; 1327 | }; 1328 | 83CBBA201A601CBA00E9B192 /* Debug */ = { 1329 | isa = XCBuildConfiguration; 1330 | buildSettings = { 1331 | ALWAYS_SEARCH_USER_PATHS = NO; 1332 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x"; 1333 | CLANG_CXX_LIBRARY = "libc++"; 1334 | CLANG_ENABLE_MODULES = YES; 1335 | CLANG_ENABLE_OBJC_ARC = YES; 1336 | CLANG_WARN_BOOL_CONVERSION = YES; 1337 | CLANG_WARN_CONSTANT_CONVERSION = YES; 1338 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 1339 | CLANG_WARN_EMPTY_BODY = YES; 1340 | CLANG_WARN_ENUM_CONVERSION = YES; 1341 | CLANG_WARN_INT_CONVERSION = YES; 1342 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 1343 | CLANG_WARN_UNREACHABLE_CODE = YES; 1344 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 1345 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer"; 1346 | COPY_PHASE_STRIP = NO; 1347 | ENABLE_STRICT_OBJC_MSGSEND = YES; 1348 | GCC_C_LANGUAGE_STANDARD = gnu99; 1349 | GCC_DYNAMIC_NO_PIC = NO; 1350 | GCC_OPTIMIZATION_LEVEL = 0; 1351 | GCC_PREPROCESSOR_DEFINITIONS = ( 1352 | "DEBUG=1", 1353 | "$(inherited)", 1354 | ); 1355 | GCC_SYMBOLS_PRIVATE_EXTERN = NO; 1356 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 1357 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 1358 | GCC_WARN_UNDECLARED_SELECTOR = YES; 1359 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 1360 | GCC_WARN_UNUSED_FUNCTION = YES; 1361 | GCC_WARN_UNUSED_VARIABLE = YES; 1362 | IPHONEOS_DEPLOYMENT_TARGET = 8.0; 1363 | MTL_ENABLE_DEBUG_INFO = YES; 1364 | ONLY_ACTIVE_ARCH = YES; 1365 | SDKROOT = iphoneos; 1366 | }; 1367 | name = Debug; 1368 | }; 1369 | 83CBBA211A601CBA00E9B192 /* Release */ = { 1370 | isa = XCBuildConfiguration; 1371 | buildSettings = { 1372 | ALWAYS_SEARCH_USER_PATHS = NO; 1373 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x"; 1374 | CLANG_CXX_LIBRARY = "libc++"; 1375 | CLANG_ENABLE_MODULES = YES; 1376 | CLANG_ENABLE_OBJC_ARC = YES; 1377 | CLANG_WARN_BOOL_CONVERSION = YES; 1378 | CLANG_WARN_CONSTANT_CONVERSION = YES; 1379 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 1380 | CLANG_WARN_EMPTY_BODY = YES; 1381 | CLANG_WARN_ENUM_CONVERSION = YES; 1382 | CLANG_WARN_INT_CONVERSION = YES; 1383 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 1384 | CLANG_WARN_UNREACHABLE_CODE = YES; 1385 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 1386 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer"; 1387 | COPY_PHASE_STRIP = YES; 1388 | ENABLE_NS_ASSERTIONS = NO; 1389 | ENABLE_STRICT_OBJC_MSGSEND = YES; 1390 | GCC_C_LANGUAGE_STANDARD = gnu99; 1391 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 1392 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 1393 | GCC_WARN_UNDECLARED_SELECTOR = YES; 1394 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 1395 | GCC_WARN_UNUSED_FUNCTION = YES; 1396 | GCC_WARN_UNUSED_VARIABLE = YES; 1397 | IPHONEOS_DEPLOYMENT_TARGET = 8.0; 1398 | MTL_ENABLE_DEBUG_INFO = NO; 1399 | SDKROOT = iphoneos; 1400 | VALIDATE_PRODUCT = YES; 1401 | }; 1402 | name = Release; 1403 | }; 1404 | /* End XCBuildConfiguration section */ 1405 | 1406 | /* Begin XCConfigurationList section */ 1407 | 00E357021AD99517003FC87E /* Build configuration list for PBXNativeTarget "react_native_css_in_js_benchmarksTests" */ = { 1408 | isa = XCConfigurationList; 1409 | buildConfigurations = ( 1410 | 00E356F61AD99517003FC87E /* Debug */, 1411 | 00E356F71AD99517003FC87E /* Release */, 1412 | ); 1413 | defaultConfigurationIsVisible = 0; 1414 | defaultConfigurationName = Release; 1415 | }; 1416 | 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "react_native_css_in_js_benchmarks" */ = { 1417 | isa = XCConfigurationList; 1418 | buildConfigurations = ( 1419 | 13B07F941A680F5B00A75B9A /* Debug */, 1420 | 13B07F951A680F5B00A75B9A /* Release */, 1421 | ); 1422 | defaultConfigurationIsVisible = 0; 1423 | defaultConfigurationName = Release; 1424 | }; 1425 | 2D02E4BA1E0B4A5E006451C7 /* Build configuration list for PBXNativeTarget "react_native_css_in_js_benchmarks-tvOS" */ = { 1426 | isa = XCConfigurationList; 1427 | buildConfigurations = ( 1428 | 2D02E4971E0B4A5E006451C7 /* Debug */, 1429 | 2D02E4981E0B4A5E006451C7 /* Release */, 1430 | ); 1431 | defaultConfigurationIsVisible = 0; 1432 | defaultConfigurationName = Release; 1433 | }; 1434 | 2D02E4BB1E0B4A5E006451C7 /* Build configuration list for PBXNativeTarget "react_native_css_in_js_benchmarks-tvOSTests" */ = { 1435 | isa = XCConfigurationList; 1436 | buildConfigurations = ( 1437 | 2D02E4991E0B4A5E006451C7 /* Debug */, 1438 | 2D02E49A1E0B4A5E006451C7 /* Release */, 1439 | ); 1440 | defaultConfigurationIsVisible = 0; 1441 | defaultConfigurationName = Release; 1442 | }; 1443 | 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "react_native_css_in_js_benchmarks" */ = { 1444 | isa = XCConfigurationList; 1445 | buildConfigurations = ( 1446 | 83CBBA201A601CBA00E9B192 /* Debug */, 1447 | 83CBBA211A601CBA00E9B192 /* Release */, 1448 | ); 1449 | defaultConfigurationIsVisible = 0; 1450 | defaultConfigurationName = Release; 1451 | }; 1452 | /* End XCConfigurationList section */ 1453 | }; 1454 | rootObject = 83CBB9F71A601CBA00E9B192 /* Project object */; 1455 | } 1456 | -------------------------------------------------------------------------------- /ios/react_native_css_in_js_benchmarks.xcodeproj/xcshareddata/xcschemes/react_native_css_in_js_benchmarks-tvOS.xcscheme: -------------------------------------------------------------------------------- 1 | 2 | 5 | 8 | 9 | 15 | 21 | 22 | 23 | 29 | 35 | 36 | 37 | 43 | 49 | 50 | 51 | 52 | 53 | 58 | 59 | 61 | 67 | 68 | 69 | 70 | 71 | 77 | 78 | 79 | 80 | 81 | 82 | 92 | 94 | 100 | 101 | 102 | 103 | 104 | 105 | 111 | 113 | 119 | 120 | 121 | 122 | 124 | 125 | 128 | 129 | 130 | -------------------------------------------------------------------------------- /ios/react_native_css_in_js_benchmarks.xcodeproj/xcshareddata/xcschemes/react_native_css_in_js_benchmarks.xcscheme: -------------------------------------------------------------------------------- 1 | 2 | 5 | 8 | 9 | 15 | 21 | 22 | 23 | 29 | 35 | 36 | 37 | 43 | 49 | 50 | 51 | 52 | 53 | 58 | 59 | 61 | 67 | 68 | 69 | 70 | 71 | 77 | 78 | 79 | 80 | 81 | 82 | 92 | 94 | 100 | 101 | 102 | 103 | 104 | 105 | 111 | 113 | 119 | 120 | 121 | 122 | 124 | 125 | 128 | 129 | 130 | -------------------------------------------------------------------------------- /ios/react_native_css_in_js_benchmarks/AppDelegate.h: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright (c) 2015-present, Facebook, Inc. 3 | * All rights reserved. 4 | * 5 | * This source code is licensed under the BSD-style license found in the 6 | * LICENSE file in the root directory of this source tree. An additional grant 7 | * of patent rights can be found in the PATENTS file in the same directory. 8 | */ 9 | 10 | #import 11 | 12 | @interface AppDelegate : UIResponder 13 | 14 | @property (nonatomic, strong) UIWindow *window; 15 | 16 | @end 17 | -------------------------------------------------------------------------------- /ios/react_native_css_in_js_benchmarks/AppDelegate.m: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright (c) 2015-present, Facebook, Inc. 3 | * All rights reserved. 4 | * 5 | * This source code is licensed under the BSD-style license found in the 6 | * LICENSE file in the root directory of this source tree. An additional grant 7 | * of patent rights can be found in the PATENTS file in the same directory. 8 | */ 9 | 10 | #import "AppDelegate.h" 11 | 12 | #import 13 | #import 14 | 15 | @implementation AppDelegate 16 | 17 | - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions 18 | { 19 | NSURL *jsCodeLocation; 20 | 21 | jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index" fallbackResource:nil]; 22 | 23 | RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation 24 | moduleName:@"react_native_css_in_js_benchmarks" 25 | initialProperties:nil 26 | launchOptions:launchOptions]; 27 | rootView.backgroundColor = [[UIColor alloc] initWithRed:1.0f green:1.0f blue:1.0f alpha:1]; 28 | 29 | self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds]; 30 | UIViewController *rootViewController = [UIViewController new]; 31 | rootViewController.view = rootView; 32 | self.window.rootViewController = rootViewController; 33 | [self.window makeKeyAndVisible]; 34 | return YES; 35 | } 36 | 37 | @end 38 | -------------------------------------------------------------------------------- /ios/react_native_css_in_js_benchmarks/Base.lproj/LaunchScreen.xib: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 25 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | -------------------------------------------------------------------------------- /ios/react_native_css_in_js_benchmarks/Images.xcassets/AppIcon.appiconset/Contents.json: -------------------------------------------------------------------------------- 1 | { 2 | "images":[ 3 | { 4 | "idiom":"iphone", 5 | "size":"20x20", 6 | "scale":"2x", 7 | "filename":"Icon-App-20x20@2x.png" 8 | }, 9 | { 10 | "idiom":"iphone", 11 | "size":"20x20", 12 | "scale":"3x", 13 | "filename":"Icon-App-20x20@3x.png" 14 | }, 15 | { 16 | "idiom":"iphone", 17 | "size":"29x29", 18 | "scale":"1x", 19 | "filename":"Icon-App-29x29@1x.png" 20 | }, 21 | { 22 | "idiom":"iphone", 23 | "size":"29x29", 24 | "scale":"2x", 25 | "filename":"Icon-App-29x29@2x.png" 26 | }, 27 | { 28 | "idiom":"iphone", 29 | "size":"29x29", 30 | "scale":"3x", 31 | "filename":"Icon-App-29x29@3x.png" 32 | }, 33 | { 34 | "idiom":"iphone", 35 | "size":"40x40", 36 | "scale":"1x", 37 | "filename":"Icon-App-40x40@1x.png" 38 | }, 39 | { 40 | "idiom":"iphone", 41 | "size":"40x40", 42 | "scale":"2x", 43 | "filename":"Icon-App-40x40@2x.png" 44 | }, 45 | { 46 | "idiom":"iphone", 47 | "size":"40x40", 48 | "scale":"3x", 49 | "filename":"Icon-App-40x40@3x.png" 50 | }, 51 | { 52 | "idiom":"iphone", 53 | "size":"57x57", 54 | "scale":"1x", 55 | "filename":"Icon-App-57x57@1x.png" 56 | }, 57 | { 58 | "idiom":"iphone", 59 | "size":"57x57", 60 | "scale":"2x", 61 | "filename":"Icon-App-57x57@2x.png" 62 | }, 63 | { 64 | "idiom":"iphone", 65 | "size":"60x60", 66 | "scale":"1x", 67 | "filename":"Icon-App-60x60@1x.png" 68 | }, 69 | { 70 | "idiom":"iphone", 71 | "size":"60x60", 72 | "scale":"2x", 73 | "filename":"Icon-App-60x60@2x.png" 74 | }, 75 | { 76 | "idiom":"iphone", 77 | "size":"60x60", 78 | "scale":"3x", 79 | "filename":"Icon-App-60x60@3x.png" 80 | }, 81 | { 82 | "idiom":"iphone", 83 | "size":"76x76", 84 | "scale":"1x", 85 | "filename":"Icon-App-76x76@1x.png" 86 | }, 87 | { 88 | "idiom":"ipad", 89 | "size":"20x20", 90 | "scale":"1x", 91 | "filename":"Icon-App-20x20@1x.png" 92 | }, 93 | { 94 | "idiom":"ipad", 95 | "size":"20x20", 96 | "scale":"2x", 97 | "filename":"Icon-App-20x20@2x.png" 98 | }, 99 | { 100 | "idiom":"ipad", 101 | "size":"29x29", 102 | "scale":"1x", 103 | "filename":"Icon-App-29x29@1x.png" 104 | }, 105 | { 106 | "idiom":"ipad", 107 | "size":"29x29", 108 | "scale":"2x", 109 | "filename":"Icon-App-29x29@2x.png" 110 | }, 111 | { 112 | "idiom":"ipad", 113 | "size":"40x40", 114 | "scale":"1x", 115 | "filename":"Icon-App-40x40@1x.png" 116 | }, 117 | { 118 | "idiom":"ipad", 119 | "size":"40x40", 120 | "scale":"2x", 121 | "filename":"Icon-App-40x40@2x.png" 122 | }, 123 | { 124 | "size" : "50x50", 125 | "idiom" : "ipad", 126 | "filename" : "Icon-Small-50x50@1x.png", 127 | "scale" : "1x" 128 | }, 129 | { 130 | "size" : "50x50", 131 | "idiom" : "ipad", 132 | "filename" : "Icon-Small-50x50@2x.png", 133 | "scale" : "2x" 134 | }, 135 | { 136 | "idiom":"ipad", 137 | "size":"72x72", 138 | "scale":"1x", 139 | "filename":"Icon-App-72x72@1x.png" 140 | }, 141 | { 142 | "idiom":"ipad", 143 | "size":"72x72", 144 | "scale":"2x", 145 | "filename":"Icon-App-72x72@2x.png" 146 | }, 147 | { 148 | "idiom":"ipad", 149 | "size":"76x76", 150 | "scale":"1x", 151 | "filename":"Icon-App-76x76@1x.png" 152 | }, 153 | { 154 | "idiom":"ipad", 155 | "size":"76x76", 156 | "scale":"2x", 157 | "filename":"Icon-App-76x76@2x.png" 158 | }, 159 | { 160 | "idiom":"ipad", 161 | "size":"76x76", 162 | "scale":"3x", 163 | "filename":"Icon-App-76x76@3x.png" 164 | }, 165 | { 166 | "idiom":"ipad", 167 | "size":"83.5x83.5", 168 | "scale":"2x", 169 | "filename":"Icon-App-83.5x83.5@2x.png" 170 | }, 171 | { 172 | "size" : "1024x1024", 173 | "idiom" : "ios-marketing", 174 | "filename" : "ItunesArtwork@2x.png", 175 | "scale" : "1x" 176 | } 177 | ], 178 | "info":{ 179 | "version":1, 180 | "author":"makeappicon" 181 | } 182 | } 183 | -------------------------------------------------------------------------------- /ios/react_native_css_in_js_benchmarks/Images.xcassets/AppIcon.appiconset/Icon-App-20x20@1x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brunolemos/react-native-css-in-js-benchmarks/3eb5709c10ba4d0ac6fbcc5eac50c56d04e62de3/ios/react_native_css_in_js_benchmarks/Images.xcassets/AppIcon.appiconset/Icon-App-20x20@1x.png -------------------------------------------------------------------------------- /ios/react_native_css_in_js_benchmarks/Images.xcassets/AppIcon.appiconset/Icon-App-20x20@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brunolemos/react-native-css-in-js-benchmarks/3eb5709c10ba4d0ac6fbcc5eac50c56d04e62de3/ios/react_native_css_in_js_benchmarks/Images.xcassets/AppIcon.appiconset/Icon-App-20x20@2x.png -------------------------------------------------------------------------------- /ios/react_native_css_in_js_benchmarks/Images.xcassets/AppIcon.appiconset/Icon-App-20x20@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brunolemos/react-native-css-in-js-benchmarks/3eb5709c10ba4d0ac6fbcc5eac50c56d04e62de3/ios/react_native_css_in_js_benchmarks/Images.xcassets/AppIcon.appiconset/Icon-App-20x20@3x.png -------------------------------------------------------------------------------- /ios/react_native_css_in_js_benchmarks/Images.xcassets/AppIcon.appiconset/Icon-App-29x29@1x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brunolemos/react-native-css-in-js-benchmarks/3eb5709c10ba4d0ac6fbcc5eac50c56d04e62de3/ios/react_native_css_in_js_benchmarks/Images.xcassets/AppIcon.appiconset/Icon-App-29x29@1x.png -------------------------------------------------------------------------------- /ios/react_native_css_in_js_benchmarks/Images.xcassets/AppIcon.appiconset/Icon-App-29x29@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brunolemos/react-native-css-in-js-benchmarks/3eb5709c10ba4d0ac6fbcc5eac50c56d04e62de3/ios/react_native_css_in_js_benchmarks/Images.xcassets/AppIcon.appiconset/Icon-App-29x29@2x.png -------------------------------------------------------------------------------- /ios/react_native_css_in_js_benchmarks/Images.xcassets/AppIcon.appiconset/Icon-App-29x29@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brunolemos/react-native-css-in-js-benchmarks/3eb5709c10ba4d0ac6fbcc5eac50c56d04e62de3/ios/react_native_css_in_js_benchmarks/Images.xcassets/AppIcon.appiconset/Icon-App-29x29@3x.png -------------------------------------------------------------------------------- /ios/react_native_css_in_js_benchmarks/Images.xcassets/AppIcon.appiconset/Icon-App-40x40@1x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brunolemos/react-native-css-in-js-benchmarks/3eb5709c10ba4d0ac6fbcc5eac50c56d04e62de3/ios/react_native_css_in_js_benchmarks/Images.xcassets/AppIcon.appiconset/Icon-App-40x40@1x.png -------------------------------------------------------------------------------- /ios/react_native_css_in_js_benchmarks/Images.xcassets/AppIcon.appiconset/Icon-App-40x40@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brunolemos/react-native-css-in-js-benchmarks/3eb5709c10ba4d0ac6fbcc5eac50c56d04e62de3/ios/react_native_css_in_js_benchmarks/Images.xcassets/AppIcon.appiconset/Icon-App-40x40@2x.png -------------------------------------------------------------------------------- /ios/react_native_css_in_js_benchmarks/Images.xcassets/AppIcon.appiconset/Icon-App-40x40@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brunolemos/react-native-css-in-js-benchmarks/3eb5709c10ba4d0ac6fbcc5eac50c56d04e62de3/ios/react_native_css_in_js_benchmarks/Images.xcassets/AppIcon.appiconset/Icon-App-40x40@3x.png -------------------------------------------------------------------------------- /ios/react_native_css_in_js_benchmarks/Images.xcassets/AppIcon.appiconset/Icon-App-57x57@1x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brunolemos/react-native-css-in-js-benchmarks/3eb5709c10ba4d0ac6fbcc5eac50c56d04e62de3/ios/react_native_css_in_js_benchmarks/Images.xcassets/AppIcon.appiconset/Icon-App-57x57@1x.png -------------------------------------------------------------------------------- /ios/react_native_css_in_js_benchmarks/Images.xcassets/AppIcon.appiconset/Icon-App-57x57@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brunolemos/react-native-css-in-js-benchmarks/3eb5709c10ba4d0ac6fbcc5eac50c56d04e62de3/ios/react_native_css_in_js_benchmarks/Images.xcassets/AppIcon.appiconset/Icon-App-57x57@2x.png -------------------------------------------------------------------------------- /ios/react_native_css_in_js_benchmarks/Images.xcassets/AppIcon.appiconset/Icon-App-60x60@1x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brunolemos/react-native-css-in-js-benchmarks/3eb5709c10ba4d0ac6fbcc5eac50c56d04e62de3/ios/react_native_css_in_js_benchmarks/Images.xcassets/AppIcon.appiconset/Icon-App-60x60@1x.png -------------------------------------------------------------------------------- /ios/react_native_css_in_js_benchmarks/Images.xcassets/AppIcon.appiconset/Icon-App-60x60@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brunolemos/react-native-css-in-js-benchmarks/3eb5709c10ba4d0ac6fbcc5eac50c56d04e62de3/ios/react_native_css_in_js_benchmarks/Images.xcassets/AppIcon.appiconset/Icon-App-60x60@2x.png -------------------------------------------------------------------------------- /ios/react_native_css_in_js_benchmarks/Images.xcassets/AppIcon.appiconset/Icon-App-60x60@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brunolemos/react-native-css-in-js-benchmarks/3eb5709c10ba4d0ac6fbcc5eac50c56d04e62de3/ios/react_native_css_in_js_benchmarks/Images.xcassets/AppIcon.appiconset/Icon-App-60x60@3x.png -------------------------------------------------------------------------------- /ios/react_native_css_in_js_benchmarks/Images.xcassets/AppIcon.appiconset/Icon-App-72x72@1x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brunolemos/react-native-css-in-js-benchmarks/3eb5709c10ba4d0ac6fbcc5eac50c56d04e62de3/ios/react_native_css_in_js_benchmarks/Images.xcassets/AppIcon.appiconset/Icon-App-72x72@1x.png -------------------------------------------------------------------------------- /ios/react_native_css_in_js_benchmarks/Images.xcassets/AppIcon.appiconset/Icon-App-72x72@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brunolemos/react-native-css-in-js-benchmarks/3eb5709c10ba4d0ac6fbcc5eac50c56d04e62de3/ios/react_native_css_in_js_benchmarks/Images.xcassets/AppIcon.appiconset/Icon-App-72x72@2x.png -------------------------------------------------------------------------------- /ios/react_native_css_in_js_benchmarks/Images.xcassets/AppIcon.appiconset/Icon-App-76x76@1x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brunolemos/react-native-css-in-js-benchmarks/3eb5709c10ba4d0ac6fbcc5eac50c56d04e62de3/ios/react_native_css_in_js_benchmarks/Images.xcassets/AppIcon.appiconset/Icon-App-76x76@1x.png -------------------------------------------------------------------------------- /ios/react_native_css_in_js_benchmarks/Images.xcassets/AppIcon.appiconset/Icon-App-76x76@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brunolemos/react-native-css-in-js-benchmarks/3eb5709c10ba4d0ac6fbcc5eac50c56d04e62de3/ios/react_native_css_in_js_benchmarks/Images.xcassets/AppIcon.appiconset/Icon-App-76x76@2x.png -------------------------------------------------------------------------------- /ios/react_native_css_in_js_benchmarks/Images.xcassets/AppIcon.appiconset/Icon-App-76x76@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brunolemos/react-native-css-in-js-benchmarks/3eb5709c10ba4d0ac6fbcc5eac50c56d04e62de3/ios/react_native_css_in_js_benchmarks/Images.xcassets/AppIcon.appiconset/Icon-App-76x76@3x.png -------------------------------------------------------------------------------- /ios/react_native_css_in_js_benchmarks/Images.xcassets/AppIcon.appiconset/Icon-App-83.5x83.5@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brunolemos/react-native-css-in-js-benchmarks/3eb5709c10ba4d0ac6fbcc5eac50c56d04e62de3/ios/react_native_css_in_js_benchmarks/Images.xcassets/AppIcon.appiconset/Icon-App-83.5x83.5@2x.png -------------------------------------------------------------------------------- /ios/react_native_css_in_js_benchmarks/Images.xcassets/AppIcon.appiconset/Icon-Small-50x50@1x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brunolemos/react-native-css-in-js-benchmarks/3eb5709c10ba4d0ac6fbcc5eac50c56d04e62de3/ios/react_native_css_in_js_benchmarks/Images.xcassets/AppIcon.appiconset/Icon-Small-50x50@1x.png -------------------------------------------------------------------------------- /ios/react_native_css_in_js_benchmarks/Images.xcassets/AppIcon.appiconset/Icon-Small-50x50@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brunolemos/react-native-css-in-js-benchmarks/3eb5709c10ba4d0ac6fbcc5eac50c56d04e62de3/ios/react_native_css_in_js_benchmarks/Images.xcassets/AppIcon.appiconset/Icon-Small-50x50@2x.png -------------------------------------------------------------------------------- /ios/react_native_css_in_js_benchmarks/Images.xcassets/AppIcon.appiconset/ItunesArtwork@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brunolemos/react-native-css-in-js-benchmarks/3eb5709c10ba4d0ac6fbcc5eac50c56d04e62de3/ios/react_native_css_in_js_benchmarks/Images.xcassets/AppIcon.appiconset/ItunesArtwork@2x.png -------------------------------------------------------------------------------- /ios/react_native_css_in_js_benchmarks/Images.xcassets/Contents.json: -------------------------------------------------------------------------------- 1 | { 2 | "info" : { 3 | "version" : 1, 4 | "author" : "xcode" 5 | } 6 | } -------------------------------------------------------------------------------- /ios/react_native_css_in_js_benchmarks/Images.xcassets/iTunesArtwork@1x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brunolemos/react-native-css-in-js-benchmarks/3eb5709c10ba4d0ac6fbcc5eac50c56d04e62de3/ios/react_native_css_in_js_benchmarks/Images.xcassets/iTunesArtwork@1x.png -------------------------------------------------------------------------------- /ios/react_native_css_in_js_benchmarks/Images.xcassets/iTunesArtwork@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brunolemos/react-native-css-in-js-benchmarks/3eb5709c10ba4d0ac6fbcc5eac50c56d04e62de3/ios/react_native_css_in_js_benchmarks/Images.xcassets/iTunesArtwork@2x.png -------------------------------------------------------------------------------- /ios/react_native_css_in_js_benchmarks/Images.xcassets/iTunesArtwork@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brunolemos/react-native-css-in-js-benchmarks/3eb5709c10ba4d0ac6fbcc5eac50c56d04e62de3/ios/react_native_css_in_js_benchmarks/Images.xcassets/iTunesArtwork@3x.png -------------------------------------------------------------------------------- /ios/react_native_css_in_js_benchmarks/Info.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CFBundleDevelopmentRegion 6 | en 7 | CFBundleDisplayName 8 | CSS in JS Benchmarks 9 | CFBundleExecutable 10 | $(EXECUTABLE_NAME) 11 | CFBundleIdentifier 12 | $(PRODUCT_BUNDLE_IDENTIFIER) 13 | CFBundleInfoDictionaryVersion 14 | 6.0 15 | CFBundleName 16 | $(PRODUCT_NAME) 17 | CFBundlePackageType 18 | APPL 19 | CFBundleShortVersionString 20 | 1.0 21 | CFBundleSignature 22 | ???? 23 | CFBundleVersion 24 | 1 25 | LSRequiresIPhoneOS 26 | 27 | NSAppTransportSecurity 28 | 29 | NSExceptionDomains 30 | 31 | localhost 32 | 33 | NSExceptionAllowsInsecureHTTPLoads 34 | 35 | 36 | 37 | 38 | NSLocationWhenInUseUsageDescription 39 | 40 | UILaunchStoryboardName 41 | LaunchScreen 42 | UIRequiredDeviceCapabilities 43 | 44 | armv7 45 | 46 | UIRequiresFullScreen 47 | 48 | UIStatusBarHidden 49 | 50 | UIStatusBarStyle 51 | UIStatusBarStyleLightContent 52 | UISupportedInterfaceOrientations 53 | 54 | UIInterfaceOrientationPortrait 55 | 56 | UIViewControllerBasedStatusBarAppearance 57 | 58 | 59 | 60 | -------------------------------------------------------------------------------- /ios/react_native_css_in_js_benchmarks/main.m: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright (c) 2015-present, Facebook, Inc. 3 | * All rights reserved. 4 | * 5 | * This source code is licensed under the BSD-style license found in the 6 | * LICENSE file in the root directory of this source tree. An additional grant 7 | * of patent rights can be found in the PATENTS file in the same directory. 8 | */ 9 | 10 | #import 11 | 12 | #import "AppDelegate.h" 13 | 14 | int main(int argc, char * argv[]) { 15 | @autoreleasepool { 16 | return UIApplicationMain(argc, argv, nil, NSStringFromClass([AppDelegate class])); 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /ios/react_native_css_in_js_benchmarksTests/Info.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CFBundleDevelopmentRegion 6 | en 7 | CFBundleExecutable 8 | $(EXECUTABLE_NAME) 9 | CFBundleIdentifier 10 | org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier) 11 | CFBundleInfoDictionaryVersion 12 | 6.0 13 | CFBundleName 14 | $(PRODUCT_NAME) 15 | CFBundlePackageType 16 | BNDL 17 | CFBundleShortVersionString 18 | 1.0 19 | CFBundleSignature 20 | ???? 21 | CFBundleVersion 22 | 1 23 | 24 | 25 | -------------------------------------------------------------------------------- /ios/react_native_css_in_js_benchmarksTests/react_native_css_in_js_benchmarksTests.m: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright (c) 2015-present, Facebook, Inc. 3 | * All rights reserved. 4 | * 5 | * This source code is licensed under the BSD-style license found in the 6 | * LICENSE file in the root directory of this source tree. An additional grant 7 | * of patent rights can be found in the PATENTS file in the same directory. 8 | */ 9 | 10 | #import 11 | #import 12 | 13 | #import 14 | #import 15 | 16 | #define TIMEOUT_SECONDS 600 17 | #define TEXT_TO_LOOK_FOR @"Welcome to React Native!" 18 | 19 | @interface react_native_css_in_js_benchmarksTests : XCTestCase 20 | 21 | @end 22 | 23 | @implementation react_native_css_in_js_benchmarksTests 24 | 25 | - (BOOL)findSubviewInView:(UIView *)view matching:(BOOL(^)(UIView *view))test 26 | { 27 | if (test(view)) { 28 | return YES; 29 | } 30 | for (UIView *subview in [view subviews]) { 31 | if ([self findSubviewInView:subview matching:test]) { 32 | return YES; 33 | } 34 | } 35 | return NO; 36 | } 37 | 38 | - (void)testRendersWelcomeScreen 39 | { 40 | UIViewController *vc = [[[RCTSharedApplication() delegate] window] rootViewController]; 41 | NSDate *date = [NSDate dateWithTimeIntervalSinceNow:TIMEOUT_SECONDS]; 42 | BOOL foundElement = NO; 43 | 44 | __block NSString *redboxError = nil; 45 | RCTSetLogFunction(^(RCTLogLevel level, RCTLogSource source, NSString *fileName, NSNumber *lineNumber, NSString *message) { 46 | if (level >= RCTLogLevelError) { 47 | redboxError = message; 48 | } 49 | }); 50 | 51 | while ([date timeIntervalSinceNow] > 0 && !foundElement && !redboxError) { 52 | [[NSRunLoop mainRunLoop] runMode:NSDefaultRunLoopMode beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]]; 53 | [[NSRunLoop mainRunLoop] runMode:NSRunLoopCommonModes beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]]; 54 | 55 | foundElement = [self findSubviewInView:vc.view matching:^BOOL(UIView *view) { 56 | if ([view.accessibilityLabel isEqualToString:TEXT_TO_LOOK_FOR]) { 57 | return YES; 58 | } 59 | return NO; 60 | }]; 61 | } 62 | 63 | RCTSetLogFunction(RCTDefaultLogFunction); 64 | 65 | XCTAssertNil(redboxError, @"RedBox error: %@", redboxError); 66 | XCTAssertTrue(foundElement, @"Couldn't find element with text '%@' in %d seconds", TEXT_TO_LOOK_FOR, TIMEOUT_SECONDS); 67 | } 68 | 69 | 70 | @end 71 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "react_native_css_in_js_benchmarks", 3 | "version": "0.0.1", 4 | "private": true, 5 | "scripts": { 6 | "format": "npm run lint:fix && npm run prettier", 7 | "lint": "eslint '{.,__tests__/**,e2e/**,src/**}/*.js'", 8 | "lint:fix": "npm run lint -- --fix", 9 | "precommit": "lint-staged", 10 | "prettier": "npm run prettier:options -- --write '{.,__tests__/**,e2e/**,src/**}/*.js'", 11 | "prettier:options": "prettier --no-semi --trailing-comma all --single-quote", 12 | "start": "node node_modules/react-native/local-cli/cli.js start", 13 | "test": "NODE_ENV=test jest", 14 | "test:e2e": "NODE_ENV=test npm run test:e2e:release", 15 | "test:e2e:build": "NODE_ENV=test npm run test:e2e:build:release", 16 | "test:e2e:build:debug": "NODE_ENV=test detox build -c ios.sim.debug", 17 | "test:e2e:build:release": "NODE_ENV=test detox build -c ios.sim.release", 18 | "test:e2e:debug": "NODE_ENV=test detox test -c ios.sim.debug", 19 | "test:e2e:release": "NODE_ENV=test detox test -c ios.sim.release" 20 | }, 21 | "dependencies": { 22 | "fela": "^6.1.8", 23 | "fela-native": "^5.0.21", 24 | "fela-tools": "^5.1.6", 25 | "glamorous-native": "^1.4.0", 26 | "hoist-non-react-statics": "^2.5.4", 27 | "prop-types": "^15.6.1", 28 | "react": "16.4.1", 29 | "react-fela": "^7.3.0", 30 | "react-native": "0.55.4", 31 | "styled-components": "^3.3.2", 32 | "usertiming": "^0.1.8" 33 | }, 34 | "devDependencies": { 35 | "babel-eslint": "^8.2.3", 36 | "babel-jest": "23.0.1", 37 | "babel-preset-react-native": "4.0.0", 38 | "detox": "^7.4.2", 39 | "eslint": "^4.19.1", 40 | "eslint-config-airbnb": "^16.1.0", 41 | "eslint-config-prettier": "^2.9.0", 42 | "eslint-plugin-babel": "^5.1.0", 43 | "eslint-plugin-detox": "^1.0.0", 44 | "eslint-plugin-import": "^2.12.0", 45 | "eslint-plugin-jsx-a11y": "^6.0.3", 46 | "eslint-plugin-prettier": "^2.6.0", 47 | "eslint-plugin-react": "^7.9.1", 48 | "eslint-plugin-react-native": "^3.2.1", 49 | "husky": "^0.14.3", 50 | "jest": "23.1.0", 51 | "jest-cli": "^23.1.0", 52 | "lint-staged": "^7.2.0", 53 | "prettier-eslint": "^8.8.1", 54 | "react-test-renderer": "16.4.1" 55 | }, 56 | "jest": { 57 | "preset": "react-native", 58 | "moduleFileExtensions": [ 59 | "js", 60 | "android.js", 61 | "ios.js" 62 | ], 63 | "moduleDirectories": [ 64 | "node_modules" 65 | ], 66 | "testRegex": "(__tests__/|src/|).*\\.(spec|test)\\.js$", 67 | "testPathIgnorePatterns": [ 68 | "node_modules", 69 | "e2e" 70 | ], 71 | "transformIgnorePatterns": [ 72 | "node_modules/(?!detox*|glamorous-native|react-native)" 73 | ] 74 | }, 75 | "lint-staged": { 76 | "*.js": [ 77 | "npm run prettier:options -- --write", 78 | "eslint --fix", 79 | "git add" 80 | ] 81 | }, 82 | "detox": { 83 | "specs": "e2e", 84 | "test-runner": "jest", 85 | "runner-config": "e2e/config.json", 86 | "configurations": { 87 | "ios.sim.debug": { 88 | "binaryPath": "ios/build/Build/Products/Debug-iphonesimulator/react_native_css_in_js_benchmarks.app", 89 | "build": "xcodebuild -project ios/react_native_css_in_js_benchmarks.xcodeproj -scheme react_native_css_in_js_benchmarks -configuration Debug -sdk iphonesimulator -derivedDataPath ios/build", 90 | "type": "ios.simulator", 91 | "name": "iPhone X" 92 | }, 93 | "ios.sim.release": { 94 | "binaryPath": "ios/build/Build/Products/Release-iphonesimulator/react_native_css_in_js_benchmarks.app", 95 | "build": "xcodebuild -project ios/react_native_css_in_js_benchmarks.xcodeproj -scheme react_native_css_in_js_benchmarks -configuration Release -sdk iphonesimulator -derivedDataPath ios/build", 96 | "type": "ios.simulator", 97 | "name": "iPhone X" 98 | } 99 | } 100 | } 101 | } 102 | -------------------------------------------------------------------------------- /src/components/App.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { 3 | ActivityIndicator, 4 | Alert, 5 | AsyncStorage, 6 | Platform, 7 | SafeAreaView, 8 | StatusBar, 9 | StyleSheet, 10 | Text, 11 | View, 12 | } from 'react-native' 13 | 14 | import * as colors from '../utils/colors' 15 | import Benchmark from './common/Benchmark' 16 | import Button from './common/Button' 17 | import MessageRow, { styles as messageRowStyles } from './common/MessageRow' 18 | import Picker from './common/Picker' 19 | import { benchmarks } from './benchmarks' 20 | import { getTableSize, getUniqueSize } from '../utils/helpers' 21 | 22 | export const benchmarksPickerData = benchmarks.map(benchmark => ({ 23 | key: benchmark.key, 24 | label: benchmark.title, 25 | value: { TableComponent: benchmark }, 26 | })) 27 | 28 | const styles = StyleSheet.create({ 29 | container: { 30 | flex: 1, 31 | paddingTop: Platform.select({ android: 0, ios: 21 }), 32 | backgroundColor: colors.white, 33 | }, 34 | innerContainer: { 35 | flex: 1, 36 | }, 37 | tableContainer: { 38 | flex: 1, 39 | }, 40 | tableLoadingContainer: { 41 | flex: 1, 42 | alignItems: 'center', 43 | justifyContent: 'center', 44 | }, 45 | table: {}, 46 | buttonsContainer: { 47 | padding: 10, 48 | }, 49 | }) 50 | 51 | const mountTimeKey = 'mountTime' 52 | const renderTimeKey = 'renderTime' 53 | 54 | export default class App extends React.PureComponent { 55 | state = { 56 | TableComponent: null, 57 | loading: false, 58 | mountTime: null, 59 | renderTime: null, 60 | results: {}, 61 | running: false, 62 | table: [], 63 | } 64 | 65 | async componentWillMount() { 66 | const results = await this.rehydrateResults() 67 | this.setState(state => ({ 68 | results: results || state.results, 69 | })) 70 | } 71 | 72 | componentDidMount() { 73 | if (this.picker) this.picker.open() 74 | } 75 | 76 | getBenchmarkRef = benchmark => { 77 | if (benchmark) this.benchmark = benchmark 78 | return benchmark 79 | } 80 | 81 | getPickerRef = picker => { 82 | if (picker) this.picker = picker 83 | return picker 84 | } 85 | 86 | benchmark = null 87 | picker = null 88 | 89 | handleGenerateTable = table => this.setState({ table }) 90 | 91 | handleGetMountTime = mountTime => this.saveResults(mountTimeKey, mountTime) 92 | 93 | handleGetRenderTime = renderTime => 94 | this.saveResults(renderTimeKey, renderTime, { running: false }) 95 | 96 | handleRunButtonPress = () => { 97 | this.setState({ running: true }, () => { 98 | setTimeout(() => { 99 | this.benchmark.runRenderTest() 100 | }, 0) 101 | }) 102 | } 103 | 104 | handleChangeLibButtonPress = () => { 105 | this.picker.open() 106 | } 107 | 108 | handleLibChange = lib => { 109 | const isValid = Boolean(lib && lib.TableComponent) 110 | 111 | this.setState( 112 | { 113 | TableComponent: null, 114 | loading: isValid, 115 | mountTime: null, 116 | renderTime: null, 117 | running: isValid, 118 | }, 119 | () => { 120 | if (!isValid) return 121 | 122 | setTimeout(() => { 123 | this.setState({ TableComponent: lib.TableComponent, loading: false }) 124 | }, 0) 125 | }, 126 | ) 127 | } 128 | 129 | rehydrateResults = async () => { 130 | const results = await AsyncStorage.getItem('results') 131 | return (results && JSON.parse(results)) || this.state.results || {} 132 | } 133 | 134 | clearResults = async () => { 135 | this.setState({ results: {} }) 136 | return AsyncStorage.setItem('results', '{}') 137 | } 138 | 139 | persistResults = async () => 140 | AsyncStorage.setItem('results', JSON.stringify(this.state.results || {})) 141 | 142 | saveResults = (key, value, otherState = {}) => { 143 | this.setState(state => { 144 | const results = { ...(state.results || {}) } 145 | const libResults = { ...(results[state.TableComponent.key] || {}) } 146 | 147 | libResults[key] = value 148 | results[state.TableComponent.key] = libResults 149 | 150 | return { [key]: value, results, ...otherState } 151 | }, this.persistResults) 152 | } 153 | 154 | handleShowResultsButtonPress = () => { 155 | const results = [] 156 | 157 | Object.entries(this.state.results).forEach(([key, libResults]) => { 158 | const mountTime = Math.round(libResults[mountTimeKey] || 0) 159 | const renderTime = Math.round(libResults[renderTimeKey] || 0) 160 | 161 | results.push({ key, mountTime, renderTime }) 162 | }) 163 | 164 | const orderedResults = results 165 | .sort((a, b) => a.renderTime - b.renderTime) 166 | .map(result => `${result.key}: ${result.mountTime}, ${result.renderTime}`) 167 | 168 | const resultsStr = `[LIB]: [MOUNT TIME], [RENDER TIME]\n${orderedResults.join( 169 | '\n', 170 | )}` 171 | 172 | Alert.alert('Results', resultsStr, [ 173 | { text: 'OK', onPress: () => {} }, 174 | { text: 'Reset', onPress: this.clearResults, style: 'destructive' }, 175 | ]) 176 | } 177 | 178 | render() { 179 | const { 180 | TableComponent, 181 | loading, 182 | mountTime, 183 | renderTime, 184 | results, 185 | running, 186 | table, 187 | } = this.state 188 | 189 | return ( 190 | 191 | {Platform.OS === 'ios' && } 192 | 193 | 194 | 195 | {(TableComponent 196 | ? TableComponent.title 197 | : 'CSS in JS Benchmarks' 198 | ).toUpperCase()} 199 | 200 | 201 | {TableComponent && ( 202 | 203 | 204 | {`${getUniqueSize( 205 | table, 206 | )}`} 207 | {' unique cells in '} 208 | {`${getTableSize( 209 | table, 210 | )}`} 211 | 212 | 213 | )} 214 | 215 | 216 | {loading ? ( 217 | 218 | 219 | 220 | ) : !TableComponent ? null : ( 221 | 230 | )} 231 | 232 | 233 | 234 | 235 | 236 | Mount time:{' '} 237 | {`${Math.round( 238 | mountTime || 0, 239 | )}ms`} 240 | 241 | 242 | 243 | 244 | 245 | Rerender time:{' '} 246 | {`${Math.round( 247 | renderTime || 0, 248 | )}ms`} 249 | 250 | 251 | 252 | 253 | {Boolean(renderTime > 0 && !running && !loading) && ( 254 | 255 | )} 256 | 257 | 258 | 267 | 268 | 278 | 279 | {Platform.OS === 'ios' && ( 280 | 290 | )} 291 | 292 | 299 | 300 | 301 | 302 | ) 303 | } 304 | } 305 | -------------------------------------------------------------------------------- /src/components/App.test.js: -------------------------------------------------------------------------------- 1 | /* eslint-env jest */ 2 | 3 | import 'react-native' 4 | import React from 'react' 5 | import renderer from 'react-test-renderer' 6 | 7 | import App from './App' 8 | 9 | it('renders correctly', () => { 10 | renderer.create() 11 | }) 12 | -------------------------------------------------------------------------------- /src/components/benchmarks/fela/helpers.js: -------------------------------------------------------------------------------- 1 | /* eslint-disable import/prefer-default-export */ 2 | 3 | import PropTypes from 'prop-types' 4 | import React from 'react' 5 | import hoistStatics from 'hoist-non-react-statics' 6 | import { createRenderer } from 'fela-native' 7 | import { Provider } from 'react-fela' 8 | 9 | const renderer = createRenderer() 10 | 11 | export const wrapRenderer = Component => { 12 | // eslint-disable-next-line no-param-reassign 13 | Component.contextTypes = { 14 | ...(Component.contextTypes || {}), 15 | renderer: PropTypes.object, 16 | } 17 | 18 | const FelaWrapper = props => ( 19 | 20 | 21 | 22 | ) 23 | 24 | return hoistStatics(FelaWrapper, Component) 25 | } 26 | -------------------------------------------------------------------------------- /src/components/benchmarks/fela/inline/index.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { ScrollView, Text, View, ViewPropTypes } from 'react-native' 3 | import { StyleSheet } from 'fela-tools' 4 | 5 | import * as colors from '../../../../utils/colors' 6 | import { getCellColor, toPercent } from '../../../../utils/helpers' 7 | import { TablePropTypes } from '../../../../utils/types' 8 | import { wrapRenderer } from '../helpers' 9 | 10 | const rules = StyleSheet.create({ 11 | table: {}, 12 | row: { 13 | flexDirection: 'row', 14 | }, 15 | cell: { 16 | flex: 1, 17 | padding: 10, 18 | }, 19 | text: { 20 | textAlign: 'center', 21 | color: colors.white, 22 | }, 23 | }) 24 | 25 | const TableComponent = ({ table, ...props }, { renderer }) => ( 26 | 31 | {table.map((row, rowIndex) => ( 32 | 33 | {row.map((value, columnIndex) => ( 34 | 43 | 44 | {toPercent(value)} 45 | 46 | 47 | ))} 48 | 49 | ))} 50 | 51 | ) 52 | 53 | TableComponent.key = 'fela-inline-table' 54 | TableComponent.title = 'Fela (Inline)' 55 | 56 | TableComponent.propTypes = { 57 | style: ViewPropTypes.style, 58 | table: TablePropTypes.isRequired, 59 | } 60 | 61 | export default wrapRenderer(TableComponent) 62 | -------------------------------------------------------------------------------- /src/components/benchmarks/fela/primitives/index.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { createComponent } from 'react-fela' 3 | import { ScrollView, Text, View, ViewPropTypes } from 'react-native' 4 | 5 | import * as colors from '../../../../utils/colors' 6 | import { getCellColor, toPercent } from '../../../../utils/helpers' 7 | import { TablePropTypes } from '../../../../utils/types' 8 | import { wrapRenderer } from '../helpers' 9 | 10 | const Table = createComponent(() => ({}), ScrollView) 11 | 12 | const Row = createComponent( 13 | () => ({ 14 | flexDirection: 'row', 15 | }), 16 | View, 17 | ) 18 | 19 | const Cell = createComponent( 20 | state => ({ 21 | flex: 1, 22 | padding: 10, 23 | backgroundColor: getCellColor(state.opacity), 24 | }), 25 | View, 26 | ) 27 | 28 | const CellText = createComponent( 29 | () => ({ 30 | textAlign: 'center', 31 | color: colors.white, 32 | }), 33 | Text, 34 | ) 35 | 36 | const TableComponent = ({ table, ...props }) => ( 37 | 38 | {table.map((row, rowIndex) => ( 39 | 40 | {row.map((value, columnIndex) => ( 41 | 45 | {toPercent(value)} 46 | 47 | ))} 48 | 49 | ))} 50 |
51 | ) 52 | 53 | TableComponent.key = 'fela-primitives-table' 54 | TableComponent.title = 'Fela (Primitives)' 55 | 56 | TableComponent.propTypes = { 57 | style: ViewPropTypes.style, 58 | table: TablePropTypes.isRequired, 59 | } 60 | 61 | export default wrapRenderer(TableComponent) 62 | -------------------------------------------------------------------------------- /src/components/benchmarks/fela/simple/index.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { ScrollView, Text, View, ViewPropTypes } from 'react-native' 3 | import { StyleSheet } from 'fela-tools' 4 | 5 | import * as colors from '../../../../utils/colors' 6 | import { getCellColor, toPercent } from '../../../../utils/helpers' 7 | import { TablePropTypes } from '../../../../utils/types' 8 | import { wrapRenderer } from '../helpers' 9 | 10 | const rules = StyleSheet.create({ 11 | table: {}, 12 | row: { 13 | flexDirection: 'row', 14 | }, 15 | cell: state => ({ 16 | flex: 1, 17 | padding: 10, 18 | backgroundColor: getCellColor(state.opacity), 19 | }), 20 | text: { 21 | textAlign: 'center', 22 | color: colors.white, 23 | }, 24 | }) 25 | 26 | const TableComponent = ({ table, ...props }, { renderer }) => ( 27 | 32 | {table.map((row, rowIndex) => ( 33 | 34 | {row.map((value, columnIndex) => ( 35 | 41 | 42 | {toPercent(value)} 43 | 44 | 45 | ))} 46 | 47 | ))} 48 | 49 | ) 50 | 51 | TableComponent.key = 'fela-simple-table' 52 | TableComponent.title = 'Fela (Simple)' 53 | 54 | TableComponent.propTypes = { 55 | style: ViewPropTypes.style, 56 | table: TablePropTypes.isRequired, 57 | } 58 | 59 | export default wrapRenderer(TableComponent) 60 | -------------------------------------------------------------------------------- /src/components/benchmarks/glamorous/inline/index.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import glamorous from 'glamorous-native' 3 | 4 | import { getCellColor, toPercent } from '../../../../utils/helpers' 5 | import { TablePropTypes } from '../../../../utils/types' 6 | 7 | const Table = glamorous.scrollView() 8 | 9 | const Row = glamorous.view({ 10 | flexDirection: 'row', 11 | }) 12 | 13 | const Cell = glamorous.view({ 14 | flex: 1, 15 | padding: 10, 16 | }) 17 | 18 | const Text = glamorous.text({ 19 | textAlign: 'center', 20 | color: 'white', 21 | }) 22 | 23 | const TableComponent = ({ table, ...props }) => ( 24 | 25 | {table.map((row, rowIndex) => ( 26 | 27 | {row.map((value, columnIndex) => ( 28 | 32 | {toPercent(value)} 33 | 34 | ))} 35 | 36 | ))} 37 |
38 | ) 39 | 40 | TableComponent.key = 'glamorous-inline-table' 41 | TableComponent.title = 'Glamorous (Inline)' 42 | 43 | TableComponent.propTypes = { 44 | table: TablePropTypes.isRequired, 45 | } 46 | 47 | export default TableComponent 48 | -------------------------------------------------------------------------------- /src/components/benchmarks/glamorous/props/index.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import glamorous from 'glamorous-native' 3 | 4 | import { getCellColor, toPercent } from '../../../../utils/helpers' 5 | import { TablePropTypes } from '../../../../utils/types' 6 | 7 | const Table = glamorous.scrollView() 8 | 9 | const Row = glamorous.view({ 10 | flexDirection: 'row', 11 | }) 12 | 13 | const Cell = glamorous.view({ 14 | flex: 1, 15 | padding: 10, 16 | }) 17 | 18 | const Text = glamorous.text({ 19 | textAlign: 'center', 20 | color: 'white', 21 | }) 22 | 23 | const TableComponent = ({ table, ...props }) => ( 24 | 25 | {table.map((row, rowIndex) => ( 26 | 27 | {row.map((value, columnIndex) => ( 28 | 33 | {toPercent(value)} 34 | 35 | ))} 36 | 37 | ))} 38 |
39 | ) 40 | 41 | TableComponent.key = 'glamorous-props-table' 42 | TableComponent.title = 'Glamorous (Props)' 43 | 44 | TableComponent.propTypes = { 45 | table: TablePropTypes.isRequired, 46 | } 47 | 48 | export default TableComponent 49 | -------------------------------------------------------------------------------- /src/components/benchmarks/glamorous/simple/index.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import glamorous from 'glamorous-native' 3 | 4 | import { getCellColor, toPercent } from '../../../../utils/helpers' 5 | import { TablePropTypes } from '../../../../utils/types' 6 | 7 | const Table = glamorous.scrollView() 8 | 9 | const Row = glamorous.view({ 10 | flexDirection: 'row', 11 | }) 12 | 13 | const Cell = glamorous.view( 14 | { 15 | flex: 1, 16 | padding: 10, 17 | }, 18 | props => ({ 19 | backgroundColor: getCellColor(props.opacity), 20 | }), 21 | ) 22 | 23 | const Text = glamorous.text({ 24 | textAlign: 'center', 25 | color: 'white', 26 | }) 27 | 28 | const TableComponent = ({ table, ...props }) => ( 29 | 30 | {table.map((row, rowIndex) => ( 31 | 32 | {row.map((value, columnIndex) => ( 33 | 37 | {toPercent(value)} 38 | 39 | ))} 40 | 41 | ))} 42 |
43 | ) 44 | 45 | TableComponent.key = 'glamorous-simple-table' 46 | TableComponent.title = 'Glamorous (Simple)' 47 | 48 | TableComponent.propTypes = { 49 | table: TablePropTypes.isRequired, 50 | } 51 | 52 | export default TableComponent 53 | -------------------------------------------------------------------------------- /src/components/benchmarks/index.js: -------------------------------------------------------------------------------- 1 | // all benchmarks 2 | import FelaInlineTable from './fela/inline' 3 | import FelaPrimitivesTable from './fela/primitives' 4 | import FelaSimpleTable from './fela/simple' 5 | import GlamorousInlineTable from './glamorous/inline' 6 | import GlamorousPropsTable from './glamorous/props' 7 | import GlamorousSimpleTable from './glamorous/simple' 8 | import ReactNativeInlineOnlyTable from './react-native/inline-only' 9 | import ReactNativeStyleSheetTable from './react-native/stylesheet' 10 | import StyledComponentsDecoupledCellTable from './styled-components/decoupled-cell' 11 | import StyledComponentsInlineTable from './styled-components/inline' 12 | import StyledComponentsSimpleTable from './styled-components/simple' 13 | 14 | export const benchmarks = [ 15 | FelaInlineTable, 16 | FelaPrimitivesTable, 17 | FelaSimpleTable, 18 | GlamorousInlineTable, 19 | GlamorousPropsTable, 20 | GlamorousSimpleTable, 21 | ReactNativeInlineOnlyTable, 22 | ReactNativeStyleSheetTable, 23 | StyledComponentsDecoupledCellTable, 24 | StyledComponentsInlineTable, 25 | StyledComponentsSimpleTable, 26 | ] 27 | -------------------------------------------------------------------------------- /src/components/benchmarks/react-native/inline-only/index.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { ScrollView, Text, View, ViewPropTypes } from 'react-native' 3 | 4 | import * as colors from '../../../../utils/colors' 5 | import { getCellColor, toPercent } from '../../../../utils/helpers' 6 | import { TablePropTypes } from '../../../../utils/types' 7 | 8 | const TableComponent = ({ table, ...props }) => ( 9 | 10 | {table.map((row, rowIndex) => ( 11 | 17 | {row.map((value, columnIndex) => ( 18 | 26 | 33 | {toPercent(value)} 34 | 35 | 36 | ))} 37 | 38 | ))} 39 | 40 | ) 41 | 42 | TableComponent.key = 'react-native-inline-only-table' 43 | TableComponent.title = 'React Native (Inline Only)' 44 | 45 | TableComponent.propTypes = { 46 | style: ViewPropTypes.style, 47 | table: TablePropTypes.isRequired, 48 | } 49 | 50 | export default TableComponent 51 | -------------------------------------------------------------------------------- /src/components/benchmarks/react-native/stylesheet/index.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { ScrollView, StyleSheet, Text, View, ViewPropTypes } from 'react-native' 3 | 4 | import * as colors from '../../../../utils/colors' 5 | import { getCellColor, toPercent } from '../../../../utils/helpers' 6 | import { TablePropTypes } from '../../../../utils/types' 7 | 8 | const styles = StyleSheet.create({ 9 | table: {}, 10 | row: { 11 | flexDirection: 'row', 12 | }, 13 | cell: { 14 | flex: 1, 15 | padding: 10, 16 | }, 17 | text: { 18 | textAlign: 'center', 19 | color: colors.white, 20 | }, 21 | }) 22 | 23 | const TableComponent = ({ table, ...props }) => ( 24 | 29 | {table.map((row, rowIndex) => ( 30 | 31 | {row.map((value, columnIndex) => ( 32 | 41 | 42 | {toPercent(value)} 43 | 44 | 45 | ))} 46 | 47 | ))} 48 | 49 | ) 50 | 51 | TableComponent.key = 'react-native-stylesheet-table' 52 | TableComponent.title = 'React Native (StyleSheet)' 53 | 54 | TableComponent.propTypes = { 55 | style: ViewPropTypes.style, 56 | table: TablePropTypes.isRequired, 57 | } 58 | 59 | export default TableComponent 60 | -------------------------------------------------------------------------------- /src/components/benchmarks/styled-components/decoupled-cell/index.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import styled from 'styled-components/native' 3 | 4 | import { getCellColor, toPercent } from '../../../../utils/helpers' 5 | import { TablePropTypes } from '../../../../utils/types' 6 | 7 | const Table = styled.ScrollView`` 8 | 9 | const Row = styled.View` 10 | flex-direction: row; 11 | ` 12 | 13 | const CellDefault = styled.View` 14 | flex: 1; 15 | padding: 10px; 16 | ` 17 | 18 | const Cell = styled(CellDefault)` 19 | background: ${props => getCellColor(props.opacity)}; 20 | ` 21 | 22 | const Text = styled.Text` 23 | text-align: center; 24 | color: white; 25 | ` 26 | 27 | const TableComponent = ({ table, ...props }) => ( 28 | 29 | {table.map((row, rowIndex) => ( 30 | 31 | {row.map((value, columnIndex) => ( 32 | 36 | {toPercent(value)} 37 | 38 | ))} 39 | 40 | ))} 41 |
42 | ) 43 | 44 | TableComponent.key = 'styled-components-decoupled-cell-table' 45 | TableComponent.title = 'Styled Components (Decoupled Cell)' 46 | 47 | TableComponent.propTypes = { 48 | table: TablePropTypes.isRequired, 49 | } 50 | 51 | export default TableComponent 52 | -------------------------------------------------------------------------------- /src/components/benchmarks/styled-components/inline/index.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import styled from 'styled-components/native' 3 | 4 | import { getCellColor, toPercent } from '../../../../utils/helpers' 5 | import { TablePropTypes } from '../../../../utils/types' 6 | 7 | const Table = styled.ScrollView`` 8 | 9 | const Row = styled.View` 10 | flex-direction: row; 11 | ` 12 | 13 | const Cell = styled.View` 14 | flex: 1; 15 | padding: 10px; 16 | ` 17 | 18 | const Text = styled.Text` 19 | text-align: center; 20 | color: white; 21 | ` 22 | 23 | const TableComponent = ({ table, ...props }) => ( 24 | 25 | {table.map((row, rowIndex) => ( 26 | 27 | {row.map((value, columnIndex) => ( 28 | 32 | {toPercent(value)} 33 | 34 | ))} 35 | 36 | ))} 37 |
38 | ) 39 | 40 | TableComponent.key = 'styled-components-inline-table' 41 | TableComponent.title = 'Styled Components (Inline)' 42 | 43 | TableComponent.propTypes = { 44 | table: TablePropTypes.isRequired, 45 | } 46 | 47 | export default TableComponent 48 | -------------------------------------------------------------------------------- /src/components/benchmarks/styled-components/simple/index.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import styled from 'styled-components/native' 3 | 4 | import { getCellColor, toPercent } from '../../../../utils/helpers' 5 | import { TablePropTypes } from '../../../../utils/types' 6 | 7 | const Table = styled.ScrollView`` 8 | 9 | const Row = styled.View` 10 | flex-direction: row; 11 | ` 12 | 13 | const Cell = styled.View` 14 | flex: 1; 15 | padding: 10px; 16 | background: ${props => getCellColor(props.opacity)}; 17 | ` 18 | 19 | const Text = styled.Text` 20 | text-align: center; 21 | color: white; 22 | ` 23 | 24 | const TableComponent = ({ table, ...props }) => ( 25 | 26 | {table.map((row, rowIndex) => ( 27 | 28 | {row.map((value, columnIndex) => ( 29 | 33 | {toPercent(value)} 34 | 35 | ))} 36 | 37 | ))} 38 |
39 | ) 40 | 41 | TableComponent.key = 'styled-components-simple-table' 42 | TableComponent.title = 'Styled Components (Simple)' 43 | 44 | TableComponent.propTypes = { 45 | table: TablePropTypes.isRequired, 46 | } 47 | 48 | export default TableComponent 49 | -------------------------------------------------------------------------------- /src/components/common/Benchmark.js: -------------------------------------------------------------------------------- 1 | import PropTypes from 'prop-types' 2 | import React from 'react' 3 | 4 | import { 5 | avg, 6 | canUsePerformanceTool, 7 | clearMarksAndMeasures, 8 | endMeasurement, 9 | generateTable, 10 | startMeasurement, 11 | } from '../../utils/helpers' 12 | 13 | export default class Benchmark extends React.PureComponent { 14 | static propTypes = { 15 | TableComponent: PropTypes.func.isRequired, 16 | onGenerateTable: PropTypes.func, 17 | onGetMountTime: PropTypes.func.isRequired, 18 | onGetRenderTime: PropTypes.func.isRequired, 19 | } 20 | 21 | /* eslint-disable react/sort-comp */ 22 | generateNewTable = callback => { 23 | const table = generateTable() 24 | 25 | if (this.mounted) this.setState({ table }, callback) 26 | 27 | if (this.props.onGenerateTable) this.props.onGenerateTable(table) 28 | 29 | return table 30 | } 31 | /* eslint-enable react/sort-comp */ 32 | 33 | state = { 34 | table: this.generateNewTable(), 35 | } 36 | 37 | componentWillMount() { 38 | this.mounted = true 39 | 40 | if (!canUsePerformanceTool(true)) return 41 | 42 | clearMarksAndMeasures() 43 | startMeasurement() 44 | } 45 | 46 | componentDidMount() { 47 | if (!canUsePerformanceTool(false)) { 48 | if (this.props.onGetMountTime) this.props.onGetMountTime(0) 49 | if (this.props.onGetRenderTime) this.props.onGetRenderTime(0) 50 | return 51 | } 52 | 53 | endMeasurement(undefined, duration => { 54 | clearMarksAndMeasures() 55 | if (this.props.onGetMountTime) this.props.onGetMountTime(duration) 56 | 57 | this.runRenderTest() 58 | }) 59 | } 60 | 61 | componentWillUnmount() { 62 | this.mounted = false 63 | 64 | if (!canUsePerformanceTool(false)) return 65 | 66 | clearMarksAndMeasures() 67 | } 68 | 69 | mounted = false 70 | 71 | runRenderTest = async (runCount = 10) => { 72 | if (!canUsePerformanceTool(true)) { 73 | if (this.props.onGetRenderTime) this.props.onGetRenderTime(0) 74 | return 0 75 | } 76 | 77 | clearMarksAndMeasures() 78 | 79 | const durations = [] 80 | for (let i = 0; i < runCount; i++) { 81 | const suffix = `-${i}` 82 | 83 | // eslint-disable-next-line no-await-in-loop, no-loop-func 84 | const duration = await new Promise(resolve => { 85 | setTimeout(() => { 86 | startMeasurement({ suffix }) 87 | 88 | this.generateNewTable(() => { 89 | endMeasurement({ clear: true, suffix }, resolve) 90 | }) 91 | }, 1) 92 | }) 93 | 94 | durations.push(duration) 95 | } 96 | 97 | const duration = avg(durations) 98 | clearMarksAndMeasures() 99 | 100 | if (this.props.onGetRenderTime) this.props.onGetRenderTime(duration) 101 | 102 | return duration 103 | } 104 | 105 | render() { 106 | const { table } = this.state 107 | const { TableComponent } = this.props 108 | 109 | if (!TableComponent) return null 110 | 111 | return 112 | } 113 | } 114 | -------------------------------------------------------------------------------- /src/components/common/Button.js: -------------------------------------------------------------------------------- 1 | import PropTypes from 'prop-types' 2 | import React from 'react' 3 | import { 4 | ActivityIndicator, 5 | StyleSheet, 6 | Text, 7 | View, 8 | ViewPropTypes, 9 | TouchableOpacity, 10 | } from 'react-native' 11 | 12 | import * as colors from '../../utils/colors' 13 | 14 | const styles = StyleSheet.create({ 15 | container: {}, 16 | button: { 17 | paddingHorizontal: 14, 18 | paddingVertical: 10, 19 | borderRadius: 6, 20 | borderWidth: 1, 21 | }, 22 | text: { 23 | minHeight: 20, 24 | textAlign: 'center', 25 | }, 26 | }) 27 | 28 | const Button = ({ 29 | backgroundColor, 30 | bold, 31 | children, 32 | color, 33 | containerStyle, 34 | dark, 35 | disabled, 36 | loading, 37 | onPress, 38 | outline, 39 | textStyle, 40 | touchableStyle, 41 | ...props 42 | }) => { 43 | const _textColor = outline ? color : dark ? colors.white : colors.black 44 | const _disabled = loading || disabled || !onPress 45 | 46 | return ( 47 | 54 | 69 | {loading ? ( 70 | 71 | ) : typeof children === 'string' ? ( 72 | 80 | {children} 81 | 82 | ) : ( 83 | children 84 | )} 85 | 86 | 87 | ) 88 | } 89 | 90 | Button.defaultProps = { 91 | color: colors.purple, 92 | dark: true, 93 | } 94 | 95 | Button.propTypes = { 96 | backgroundColor: PropTypes.string, 97 | bold: PropTypes.bool, 98 | children: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).isRequired, 99 | color: PropTypes.string, 100 | containerStyle: ViewPropTypes.style, 101 | dark: PropTypes.bool, 102 | disabled: PropTypes.bool, 103 | loading: PropTypes.bool, 104 | onPress: PropTypes.func, 105 | outline: PropTypes.bool, 106 | textStyle: (Text.propTypes || {}).style, 107 | touchableStyle: ViewPropTypes.style, 108 | } 109 | 110 | export default Button 111 | -------------------------------------------------------------------------------- /src/components/common/MessageRow.js: -------------------------------------------------------------------------------- 1 | import PropTypes from 'prop-types' 2 | import React from 'react' 3 | import { StyleSheet, Text, View, ViewPropTypes } from 'react-native' 4 | 5 | import * as colors from '../../utils/colors' 6 | 7 | export const styles = StyleSheet.create({ 8 | container: { 9 | paddingHorizontal: 10, 10 | paddingVertical: 4, 11 | backgroundColor: colors.greyBackground, 12 | }, 13 | text: { 14 | color: colors.greyText, 15 | textAlign: 'center', 16 | fontSize: 12, 17 | }, 18 | }) 19 | 20 | const MessageRow = ({ 21 | backgroundColor, 22 | bold, 23 | children, 24 | color, 25 | containerStyle, 26 | textStyle, 27 | }) => ( 28 | 35 | {typeof children === 'string' ? ( 36 | 44 | {children} 45 | 46 | ) : ( 47 | children 48 | )} 49 | 50 | ) 51 | 52 | MessageRow.propTypes = { 53 | backgroundColor: PropTypes.string, 54 | bold: PropTypes.bool, 55 | children: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).isRequired, 56 | color: PropTypes.string, 57 | containerStyle: ViewPropTypes.style, 58 | textStyle: (Text.propTypes || {}).style, 59 | } 60 | 61 | export default MessageRow 62 | -------------------------------------------------------------------------------- /src/components/common/Picker.android.js: -------------------------------------------------------------------------------- 1 | /* eslint-disable react-native/no-color-literals */ 2 | // Based on https://snack.expo.io/@notbrent/picker-modal-example 3 | 4 | import PropTypes from 'prop-types' 5 | import React from 'react' 6 | import { Picker as AndroidPicker } from 'react-native' 7 | 8 | export default class Picker extends React.Component { 9 | static propTypes = { 10 | ...AndroidPicker.propTypes, 11 | data: PropTypes.arrayOf( 12 | PropTypes.shape({ 13 | key: PropTypes.string.isRequired, 14 | label: PropTypes.string.isRequired, 15 | value: PropTypes.any.isRequired, 16 | }), 17 | ).isRequired, 18 | noneItemLabel: PropTypes.string, 19 | onChange: PropTypes.func.isRequired, 20 | showNoneItem: PropTypes.bool, 21 | } 22 | 23 | static defaultProps = { 24 | noneItemLabel: 'None', 25 | showNoneItem: true, 26 | } 27 | 28 | state = { 29 | selectedKey: null, 30 | } 31 | 32 | open = () => { 33 | // TODO: Find out a way to implement this 34 | console.debug('Picker.open is an iOS only method.') 35 | } 36 | 37 | close = () => { 38 | // TODO: Find out a way to implement this 39 | console.debug('Picker.close is an iOS only method.') 40 | } 41 | 42 | _handleValueChange = selectedKey => { 43 | const { data, onChange } = this.props 44 | 45 | this.setState({ selectedKey }, () => { 46 | const selectedItem = data.find(item => item.key === selectedKey) 47 | onChange(selectedItem ? selectedItem.value : null) 48 | }) 49 | } 50 | 51 | render = () => { 52 | const { selectedKey } = this.state 53 | const { data, noneItemLabel, showNoneItem, ...props } = this.props 54 | delete props.initialSelectedKey 55 | delete props.onChange 56 | 57 | return ( 58 | 64 | {showNoneItem && ( 65 | 70 | )} 71 | 72 | {data.map(({ key, label }) => ( 73 | 79 | ))} 80 | 81 | ) 82 | } 83 | } 84 | -------------------------------------------------------------------------------- /src/components/common/Picker.ios.js: -------------------------------------------------------------------------------- 1 | /* eslint-disable react-native/no-color-literals */ 2 | // Based on https://snack.expo.io/@notbrent/picker-modal-example 3 | 4 | import PropTypes from 'prop-types' 5 | import React from 'react' 6 | import { 7 | Animated, 8 | Button, 9 | Dimensions, 10 | Picker as IOSPicker, 11 | StyleSheet, 12 | TouchableWithoutFeedback, 13 | View, 14 | } from 'react-native' 15 | 16 | const { width: WindowWidth } = Dimensions.get('window') 17 | 18 | const styles = StyleSheet.create({ 19 | overlay: { 20 | ...StyleSheet.absoluteFillObject, 21 | backgroundColor: 'rgba(0, 0, 0, 0.65)', 22 | }, 23 | toolbar: { 24 | flexDirection: 'row', 25 | backgroundColor: '#f1f1f1', 26 | paddingVertical: 5, 27 | paddingHorizontal: 15, 28 | }, 29 | toolbarLeft: { 30 | alignSelf: 'flex-start', 31 | }, 32 | toolbarCenter: { 33 | flex: 1, 34 | }, 35 | toolbarRight: { 36 | alignSelf: 'flex-end', 37 | }, 38 | }) 39 | 40 | export default class Picker extends React.Component { 41 | static propTypes = { 42 | ...IOSPicker.propTypes, 43 | data: PropTypes.arrayOf( 44 | PropTypes.shape({ 45 | key: PropTypes.string.isRequired, 46 | label: PropTypes.string.isRequired, 47 | value: PropTypes.any.isRequired, 48 | }), 49 | ).isRequired, 50 | initialSelectedKey: PropTypes.string, 51 | noneItemLabel: PropTypes.string, 52 | onChange: PropTypes.func.isRequired, 53 | showNoneItem: PropTypes.bool, 54 | } 55 | 56 | static defaultProps = { 57 | initialSelectedKey: null, 58 | noneItemLabel: 'None', 59 | showNoneItem: true, 60 | } 61 | 62 | state = { 63 | animatedValue: new Animated.Value(0), 64 | isVisible: false, 65 | selectedKey: this.props.initialSelectedKey, 66 | } 67 | 68 | open = () => { 69 | if (this.state.isVisible) { 70 | return 71 | } 72 | 73 | this.setState({ isVisible: true }, () => { 74 | Animated.timing(this.state.animatedValue, { 75 | toValue: 1, 76 | duration: 200, 77 | useNativeDriver: true, 78 | }).start() 79 | }) 80 | } 81 | 82 | close = callback => { 83 | Animated.timing(this.state.animatedValue, { 84 | toValue: 0, 85 | duration: 150, 86 | useNativeDriver: true, 87 | }).start(() => { 88 | this.setState({ isVisible: false }, callback) 89 | }) 90 | } 91 | 92 | _handleValueChange = selectedKey => { 93 | this.setState({ selectedKey }) 94 | } 95 | 96 | _handlePressCancel = () => { 97 | this.close() 98 | } 99 | 100 | _handlePressDone = () => { 101 | const { data, onChange } = this.props 102 | 103 | this.close(() => { 104 | const selectedItem = data.find( 105 | item => item.key === this.state.selectedKey, 106 | ) 107 | 108 | onChange(selectedItem ? selectedItem.value : null) 109 | }) 110 | } 111 | 112 | render = () => { 113 | if (!this.state.isVisible) return null 114 | 115 | const { animatedValue, selectedKey } = this.state 116 | const { data, noneItemLabel, showNoneItem, ...props } = this.props 117 | delete props.initialSelectedKey 118 | delete props.onChange 119 | 120 | const opacity = animatedValue 121 | const translateY = animatedValue.interpolate({ 122 | inputRange: [0, 1], 123 | outputRange: [300, 0], 124 | }) 125 | 126 | return ( 127 | 131 | 132 | 133 | 134 | 142 | 143 | 144 |