├── .babelrc ├── .eslintrc ├── .flowconfig ├── .gitignore ├── .watchmanconfig ├── LICENCE ├── README.md ├── ReindexSchema.json ├── android ├── app │ ├── build.gradle │ ├── proguard-rules.pro │ └── src │ │ └── main │ │ ├── AndroidManifest.xml │ │ ├── java │ │ └── com │ │ │ └── reactive2015 │ │ │ └── MainActivity.java │ │ └── res │ │ ├── mipmap-hdpi │ │ └── ic_launcher.png │ │ ├── mipmap-mdpi │ │ └── ic_launcher.png │ │ ├── mipmap-xhdpi │ │ └── ic_launcher.png │ │ ├── mipmap-xxhdpi │ │ └── ic_launcher.png │ │ └── values │ │ ├── strings.xml │ │ └── styles.xml ├── build.gradle ├── gradle.properties ├── gradle │ └── wrapper │ │ ├── gradle-wrapper.jar │ │ └── gradle-wrapper.properties ├── gradlew ├── gradlew.bat └── settings.gradle ├── babel └── babelRelayPlugin.js ├── data ├── json.js └── schema.json ├── fonts ├── Raleway-Light.ttf ├── Raleway-Regular.ttf ├── Raleway-SemiBold.ttf └── ionicons.ttf ├── import-data.js ├── index.android.js ├── index.ios.js ├── ios ├── main.jsbundle ├── reactive2015.xcodeproj │ ├── project.pbxproj │ └── xcshareddata │ │ └── xcschemes │ │ └── reactive2015.xcscheme ├── reactive2015 │ ├── AppDelegate.h │ ├── AppDelegate.m │ ├── Base.lproj │ │ └── LaunchScreen.xib │ ├── Images.xcassets │ │ ├── AppIcon.appiconset │ │ │ └── Contents.json │ │ └── logo.imageset │ │ │ ├── Contents.json │ │ │ ├── logo-1.png │ │ │ ├── logo-2.png │ │ │ └── logo.png │ ├── Info.plist │ └── main.m └── reactive2015Tests │ ├── Info.plist │ └── reactive2015Tests.m ├── package.json ├── react-native-lightbox └── index.js ├── react-native-scrollable-tab-view ├── DefaultTabBar.js └── index.js ├── react-relay.js ├── reindex.js └── src ├── app-route.js ├── app.js ├── info ├── author.js ├── index.js ├── rethinking-single.js ├── rethinking.js ├── sponsor.js ├── sponsors.js └── stay-in-touch.js ├── loader.js ├── map └── index.js ├── nav-bar.js ├── schedule ├── day.js ├── index.js ├── single.js └── tab-bar.js ├── speakers ├── index.js ├── speaker-modal.js ├── speaker.js └── tab-bar.js ├── tab-bar.js └── utils ├── colors.js ├── device.js ├── image.js ├── index.js ├── link.js └── text.js /.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "plugins": ["./babel/babelRelayPlugin"], 3 | "retainLines": true, 4 | "compact": true, 5 | "comments": false, 6 | "whitelist": [ 7 | "es6.arrowFunctions", 8 | "es6.blockScoping", 9 | "es6.classes", 10 | "es6.constants", 11 | "es6.destructuring", 12 | "es6.forOf", 13 | "es6.modules", 14 | "es6.parameters", 15 | "es6.properties.computed", 16 | "es6.properties.shorthand", 17 | "es6.spread", 18 | "es6.tailCall", 19 | "es6.templateLiterals", 20 | "es6.regex.unicode", 21 | "es6.regex.sticky", 22 | "es7.asyncFunctions", 23 | "es7.classProperties", 24 | "es7.comprehensions", 25 | "es7.decorators", 26 | "es7.exponentiationOperator", 27 | "es7.exportExtensions", 28 | "es7.functionBind", 29 | "es7.objectRestSpread", 30 | "es7.trailingFunctionCommas", 31 | "utility.inlineEnvironmentVariables", 32 | "regenerator", 33 | "flow", 34 | "react", 35 | "react.displayName" 36 | ], 37 | "sourceMaps": false 38 | } 39 | -------------------------------------------------------------------------------- /.eslintrc: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "eslint-config-airbnb", 3 | "env": { 4 | "browser": true, 5 | "mocha": true, 6 | "node": true 7 | }, 8 | "rules": { 9 | "comma-dangle": [2, "never"], 10 | "block-scoped-var": 0, 11 | // Temporarily disabled for test/* until babel/babel-eslint#33 is resolved 12 | "padded-blocks": 0, 13 | "react/jsx-uses-react": 2, 14 | "react/jsx-uses-vars": 2, 15 | "react/react-in-jsx-scope": 2, 16 | "react/prop-types": 0 17 | }, 18 | "plugins": [ 19 | "react" 20 | ] 21 | } 22 | -------------------------------------------------------------------------------- /.flowconfig: -------------------------------------------------------------------------------- 1 | [ignore] 2 | 3 | # We fork some components by platform. 4 | .*/*.web.js 5 | .*/*.android.js 6 | 7 | # Some modules have their own node_modules with overlap 8 | .*/node_modules/node-haste/.* 9 | 10 | # Ignore react-tools where there are overlaps, but don't ignore anything that 11 | # react-native relies on 12 | .*/node_modules/react-tools/src/React.js 13 | .*/node_modules/react-tools/src/renderers/shared/event/EventPropagators.js 14 | .*/node_modules/react-tools/src/renderers/shared/event/eventPlugins/ResponderEventPlugin.js 15 | .*/node_modules/react-tools/src/shared/vendor/core/ExecutionEnvironment.js 16 | 17 | 18 | # Ignore commoner tests 19 | .*/node_modules/commoner/test/.* 20 | 21 | # See https://github.com/facebook/flow/issues/442 22 | .*/react-tools/node_modules/commoner/lib/reader.js 23 | 24 | # Ignore jest 25 | .*/react-native/node_modules/jest-cli/.* 26 | 27 | [include] 28 | 29 | [libs] 30 | node_modules/react-native/Libraries/react-native/react-native-interface.js 31 | 32 | [options] 33 | module.system=haste 34 | 35 | munge_underscores=true 36 | 37 | suppress_type=$FlowIssue 38 | suppress_type=$FlowFixMe 39 | suppress_type=$FixMe 40 | 41 | suppress_comment=\\(.\\|\n\\)*\\$FlowFixMe\\($\\|[^(]\\|(\\(>=0\\.\\(1[0-4]\\|[0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\) 42 | suppress_comment=\\(.\\|\n\\)*\\$FlowIssue\\((\\(>=0\\.\\(1[0-4]\\|[0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)? #[0-9]+ 43 | suppress_comment=\\(.\\|\n\\)*\\$FlowFixedInNextDeploy 44 | 45 | [version] 46 | 0.14.0 47 | -------------------------------------------------------------------------------- /.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 | # node.js 26 | # 27 | node_modules/ 28 | npm-debug.log 29 | 30 | # reindex 31 | reindex-env.sh 32 | -------------------------------------------------------------------------------- /.watchmanconfig: -------------------------------------------------------------------------------- 1 | {} -------------------------------------------------------------------------------- /LICENCE: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2015 David Zukowski 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | ## Reactive 2015 - Contest entry 2 | This app is an entry for https://twitter.com/notbrent/status/652191654300880897 3 | 4 | 5 | # Screenshots: 6 | 7 | ## Info Screen 8 | ![http://i.imgur.com/mqUwRdA.gif](http://i.imgur.com/mqUwRdA.gif) 9 | 10 | ## Map Screen 11 | ![http://i.imgur.com/qKyUnsD.png](http://i.imgur.com/qKyUnsD.png) 12 | 13 | ## Speakers Screen 14 | ![http://i.imgur.com/O5DhOo5.gif](http://i.imgur.com/O5DhOo5.gif) 15 | 16 | ## Schedule 17 | ![http://i.imgur.com/C3jjdM9.gif](http://i.imgur.com/C3jjdM9.gif) 18 | 19 | # Compatibility 20 | * Tested on iOS8+ and iPhone5+ 21 | * Android should work once an alternative `LinkingIOS` is provided - Unable to test 22 | 23 | # Tech Stack 24 | * React Native 25 | * Relay 26 | * Reindex (thanks to @VilleImmonen for early access) (https://www.reindex.io) 27 | 28 | # Running the dev version 29 | ``` 30 | npm install 31 | npm start 32 | open ios/reactive2015.xcodeproj -> run 33 | ``` 34 | # To Lint 35 | ``` 36 | npm install 37 | npm run lint 38 | ``` 39 | 40 | # To source 41 | * Suitable speaker images, some are cut out because they are not square shaped 42 | 43 | # Why some deps are copy pasted inside 44 | 45 | ## react-native-lightbox (https://github.com/oblador/react-native-lightbox) 46 | * modified to support children as function 47 | * adjusted spring options 48 | * fixed a problem where activeProps would be removed too late 49 | * passed down the current width prop for image scaling 50 | 51 | ## react-native-scrollable-tab-view (https://github.com/brentvatne/react-native-scrollable-tab-view) 52 | * modified to have tab bar on top or bottom 53 | -------------------------------------------------------------------------------- /ReindexSchema.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | "name": "User", 4 | "kind": "OBJECT", 5 | "interfaces": [ 6 | "Node" 7 | ], 8 | "fields": [ 9 | { 10 | "name": "id", 11 | "type": "ID", 12 | "nonNull": true 13 | } 14 | ] 15 | }, 16 | { 17 | "name": "Company", 18 | "kind": "OBJECT", 19 | "interfaces": [ 20 | "Node" 21 | ], 22 | "fields": [ 23 | { 24 | "name": "id", 25 | "type": "ID", 26 | "nonNull": true 27 | }, 28 | { 29 | "name": "name", 30 | "type": "String", 31 | "nonNull": true 32 | }, 33 | { 34 | "name": "logo", 35 | "type": "String", 36 | "nonNull": true 37 | }, 38 | { 39 | "name": "url", 40 | "type": "String", 41 | "nonNull": true 42 | }, 43 | { 44 | "name": "speakers", 45 | "type": "Connection", 46 | "ofType": "Speaker", 47 | "reverseName": "company" 48 | }, 49 | { 50 | "name": "sponsorships", 51 | "type": "Connection", 52 | "ofType": "Sponsor", 53 | "reverseName": "company" 54 | } 55 | ] 56 | }, 57 | { 58 | "name": "Sponsor", 59 | "kind": "OBJECT", 60 | "interfaces": [ 61 | "Node" 62 | ], 63 | "fields": [ 64 | { 65 | "name": "id", 66 | "type": "ID", 67 | "nonNull": true 68 | }, 69 | { 70 | "name": "level", 71 | "type": "Int", 72 | "nonNull": true 73 | }, 74 | { 75 | "name": "company", 76 | "type": "Company", 77 | "nonNull": true, 78 | "reverseName": "sponsorships" 79 | } 80 | ] 81 | }, 82 | { 83 | "name": "Speaker", 84 | "kind": "OBJECT", 85 | "interfaces": [ 86 | "Node" 87 | ], 88 | "fields": [ 89 | { 90 | "name": "id", 91 | "type": "ID", 92 | "nonNull": true 93 | }, 94 | { 95 | "name": "firstName", 96 | "type": "String", 97 | "nonNull": true 98 | }, 99 | { 100 | "name": "lastName", 101 | "type": "String", 102 | "nonNull": true 103 | }, 104 | { 105 | "name": "company", 106 | "type": "Company", 107 | "nonNull": true, 108 | "reverseName": "speakers" 109 | }, 110 | { 111 | "name": "image", 112 | "type": "String", 113 | "nonNull": true 114 | }, 115 | { 116 | "name": "companyRole", 117 | "type": "String", 118 | "nonNull": true 119 | }, 120 | { 121 | "name": "bio", 122 | "type": "String", 123 | "nonNull": true 124 | }, 125 | { 126 | "name": "github", 127 | "type": "String" 128 | }, 129 | { 130 | "name": "twitter", 131 | "type": "String" 132 | }, 133 | { 134 | "name": "web", 135 | "type": "String" 136 | }, 137 | { 138 | "name": "events", 139 | "type": "Connection", 140 | "ofType": "Event", 141 | "reverseName": "speaker" 142 | } 143 | ] 144 | }, 145 | { 146 | "name": "Event", 147 | "kind": "OBJECT", 148 | "interfaces": [ 149 | "Node" 150 | ], 151 | "fields": [ 152 | { 153 | "name": "id", 154 | "type": "ID", 155 | "nonNull": true 156 | }, 157 | { 158 | "name": "day", 159 | "type": "Int", 160 | "nonNull": true 161 | }, 162 | { 163 | "name": "startsAt", 164 | "type": "Int", 165 | "nonNull": true 166 | }, 167 | { 168 | "name": "endsAt", 169 | "type": "Int", 170 | "nonNull": true 171 | }, 172 | { 173 | "name": "speaker", 174 | "type": "Speaker", 175 | "reverseName": "events", 176 | "nonNull": true 177 | }, 178 | { 179 | "name": "title", 180 | "type": "String", 181 | "nonNull": true 182 | }, 183 | { 184 | "name": "excerpt", 185 | "type": "String" 186 | }, 187 | { 188 | "name": "type", 189 | "type": "Int", 190 | "nonNull": true 191 | } 192 | ] 193 | } 194 | ] 195 | -------------------------------------------------------------------------------- /android/app/build.gradle: -------------------------------------------------------------------------------- 1 | apply plugin: 'com.android.application' 2 | 3 | android { 4 | compileSdkVersion 23 5 | buildToolsVersion "23.0.1" 6 | 7 | defaultConfig { 8 | applicationId "com.reactive2015" 9 | minSdkVersion 16 10 | targetSdkVersion 22 11 | versionCode 1 12 | versionName "1.0" 13 | ndk { 14 | abiFilters "armeabi-v7a", "x86" 15 | } 16 | } 17 | buildTypes { 18 | release { 19 | minifyEnabled false 20 | proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro' 21 | } 22 | } 23 | } 24 | 25 | dependencies { 26 | compile fileTree(dir: 'libs', include: ['*.jar']) 27 | compile 'com.android.support:appcompat-v7:23.0.0' 28 | compile 'com.facebook.react:react-native:0.11.+' 29 | } 30 | -------------------------------------------------------------------------------- /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 | -------------------------------------------------------------------------------- /android/app/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 3 | 4 | 5 | 6 | 11 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | -------------------------------------------------------------------------------- /android/app/src/main/java/com/reactive2015/MainActivity.java: -------------------------------------------------------------------------------- 1 | package com.reactive2015; 2 | 3 | import android.app.Activity; 4 | import android.os.Bundle; 5 | import android.view.KeyEvent; 6 | 7 | import com.facebook.react.LifecycleState; 8 | import com.facebook.react.ReactInstanceManager; 9 | import com.facebook.react.ReactRootView; 10 | import com.facebook.react.modules.core.DefaultHardwareBackBtnHandler; 11 | import com.facebook.react.shell.MainReactPackage; 12 | import com.facebook.soloader.SoLoader; 13 | 14 | public class MainActivity extends Activity implements DefaultHardwareBackBtnHandler { 15 | 16 | private ReactInstanceManager mReactInstanceManager; 17 | private ReactRootView mReactRootView; 18 | 19 | @Override 20 | protected void onCreate(Bundle savedInstanceState) { 21 | super.onCreate(savedInstanceState); 22 | mReactRootView = new ReactRootView(this); 23 | 24 | mReactInstanceManager = ReactInstanceManager.builder() 25 | .setApplication(getApplication()) 26 | .setBundleAssetName("index.android.bundle") 27 | .setJSMainModuleName("index.android") 28 | .addPackage(new MainReactPackage()) 29 | .setUseDeveloperSupport(BuildConfig.DEBUG) 30 | .setInitialLifecycleState(LifecycleState.RESUMED) 31 | .build(); 32 | 33 | mReactRootView.startReactApplication(mReactInstanceManager, "reactive2015", null); 34 | 35 | setContentView(mReactRootView); 36 | } 37 | 38 | @Override 39 | public boolean onKeyUp(int keyCode, KeyEvent event) { 40 | if (keyCode == KeyEvent.KEYCODE_MENU && mReactInstanceManager != null) { 41 | mReactInstanceManager.showDevOptionsDialog(); 42 | return true; 43 | } 44 | return super.onKeyUp(keyCode, event); 45 | } 46 | 47 | @Override 48 | public void invokeDefaultOnBackPressed() { 49 | super.onBackPressed(); 50 | } 51 | 52 | @Override 53 | protected void onPause() { 54 | super.onPause(); 55 | 56 | if (mReactInstanceManager != null) { 57 | mReactInstanceManager.onPause(); 58 | } 59 | } 60 | 61 | @Override 62 | protected void onResume() { 63 | super.onResume(); 64 | 65 | if (mReactInstanceManager != null) { 66 | mReactInstanceManager.onResume(this); 67 | } 68 | } 69 | } 70 | -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-hdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dzannotti/reactive2015/013866e638b29d869910c8cdc4f3bb31204fd642/android/app/src/main/res/mipmap-hdpi/ic_launcher.png -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-mdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dzannotti/reactive2015/013866e638b29d869910c8cdc4f3bb31204fd642/android/app/src/main/res/mipmap-mdpi/ic_launcher.png -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-xhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dzannotti/reactive2015/013866e638b29d869910c8cdc4f3bb31204fd642/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dzannotti/reactive2015/013866e638b29d869910c8cdc4f3bb31204fd642/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /android/app/src/main/res/values/strings.xml: -------------------------------------------------------------------------------- 1 | 2 | reactive2015 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:1.3.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 | } 20 | } 21 | -------------------------------------------------------------------------------- /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/dzannotti/reactive2015/013866e638b29d869910c8cdc4f3bb31204fd642/android/gradle/wrapper/gradle-wrapper.jar -------------------------------------------------------------------------------- /android/gradle/wrapper/gradle-wrapper.properties: -------------------------------------------------------------------------------- 1 | distributionBase=GRADLE_USER_HOME 2 | distributionPath=wrapper/dists 3 | zipStoreBase=GRADLE_USER_HOME 4 | zipStorePath=wrapper/dists 5 | distributionUrl=https\://services.gradle.org/distributions/gradle-2.4-all.zip 6 | -------------------------------------------------------------------------------- /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/settings.gradle: -------------------------------------------------------------------------------- 1 | rootProject.name = 'reactive2015' 2 | 3 | include ':app' 4 | -------------------------------------------------------------------------------- /babel/babelRelayPlugin.js: -------------------------------------------------------------------------------- 1 | var getBabelRelayPlugin = require('babel-relay-plugin'); 2 | var schema = require('../data/schema.json'); 3 | 4 | module.exports = getBabelRelayPlugin(schema.data); 5 | -------------------------------------------------------------------------------- /data/json.js: -------------------------------------------------------------------------------- 1 | export default { 2 | companies: [ 3 | { // 0 4 | name: 'Mozilla', 5 | logo: 'http://reactive2015.com/assets/img/companies/mozilla_logo.png', 6 | url: 'https://www.mozilla.org' 7 | }, 8 | { // 1 9 | name: 'Futurice', 10 | logo: 'https://summit.devaamo.fi/2013/wp-content/uploads/futurice_logo_horizK_k_rgb_sm.jpg', 11 | url: 'https://futurice.com' 12 | }, 13 | { // 2 14 | name: 'O.C. Tanner', 15 | logo: 'http://lh6.googleusercontent.com/-o79AV4GbNTU/AAAAAAAAAAI/AAAAAAAAAAA/c1Q5wGWLDxo/s0-c-k-no-ns/photo.jpg', 16 | url: 'https://www.octanner.com' 17 | }, 18 | { // 3 19 | name: 'Datascript', 20 | logo: 'http://camo.githubusercontent.com/e6137391335c1eb7eed64ec74058232ea4852d29/68747470733a2f2f646c2e64726f70626f7875736572636f6e74656e742e636f6d2f752f3536313538302f696d67732f646174617363726970745f6c6f676f2e737667', 21 | url: 'http://github.com/tonsky/datascript' 22 | }, 23 | { // 4 24 | name: 'SwarmJS', 25 | logo: 'https://swarmjs.github.io/images/site-logo.png', 26 | url: 'https://swarmjs.github.io/' 27 | }, 28 | { // 5 29 | name: 'Yahoo!', 30 | logo: 'http://lh3.googleusercontent.com/-REC9hG2lrlY/AAAAAAAAAAI/AAAAAAAAAAA/_OhxYdOH8kw/s0-c-k-no-ns/photo.jpg', 31 | url: 'https://www.yahoo.com' 32 | }, 33 | { // 6 34 | name: 'EsteJS', 35 | logo: 'http://cloud.githubusercontent.com/assets/66249/6515265/b91f0fb8-c388-11e4-857e-c90902e0b7a1.png', 36 | url: 'http://este.herokuapp.com/' 37 | }, 38 | { // 7 39 | name: 'CSS Modules', 40 | logo: 'http://raw.githubusercontent.com/css-modules/logos/master/css-modules-logo.png', 41 | url: 'http://github.com/css-modules/css-modules' 42 | }, 43 | { // 8 44 | name: 'Glint', 45 | logo: 'https://static.tumblr.com/79722dd14845faf1bf6aaccd937e3e5c/dgy23a9/rBdnaituu/tumblr_static_screen_shot_2014-08-18_at_2.18.16_pm.png', 46 | url: 'https://cloudfuji.us5.list-manage.com/subscribe?u=ccb3f5fa85ea8ce628511d218&id=b4d4aa2318' 47 | }, 48 | { // 9 49 | name: 'Trojsten.sk', 50 | logo: '', 51 | url: 'https://https://trojsten.sk/' 52 | }, 53 | { // 10 54 | name: 'Cerebral', 55 | logo: 'http://github.com/christianalfoni/cerebral/raw/master/images/logo.png', 56 | url: 'http://github.com/christianalfoni/cerebral' 57 | }, 58 | { // 11 59 | name: 'Fadio IT', 60 | logo: 'http://pbs.twimg.com/profile_images/629214522100842496/4NJ6-qnU_400x400.png', 61 | url: 'https://www.fadio.it/' 62 | }, 63 | { // 12 64 | name: 'Socket.io', 65 | logo: 'http://twitter.com/SocketIO', 66 | url: 'https://socket.io/' 67 | }, 68 | { // 13 69 | name: 'Mendix', 70 | logo: 'http://pbs.twimg.com/profile_images/631117839395651584/zvmuFsKu_400x400.png', 71 | url: 'http://www.mendix.com/' 72 | }, 73 | { // 14 74 | name: 'Noredink', 75 | logo: 'http://www.noredink.com/', 76 | url: 'http://d2dtbqe8cwmx9c.cloudfront.net/assets/logo-4ce1f57e1ab9c110cc1765e0dba76e95.png' 77 | }, 78 | { // 15 79 | name: 'RN Playground', 80 | logo: 'http://rnplay.org/assets/react-native-playground-logo-1125aca26458daf5c30f935cd3489cf3279ee227c3e22ca2e2d245499776ca42.svg', 81 | url: 'http://rnplay.org/' 82 | }, 83 | { // 16 84 | name: 'Netflix', 85 | logo: 'https://d1oi7t5trwfj5d.cloudfront.net/28/80/8e9811064c03bc4481d1db097dc6/netflix-logo.png', 86 | url: 'http://www.netflix.com' 87 | }, 88 | { // 17 89 | name: 'VacuumLabs', 90 | logo: 'http://reactive2015.com/assets/img/sponsor/sp3.png', 91 | url: 'https://vacuumlabs.com/' 92 | }, 93 | { // 18 94 | name: 'Code First: Girls', 95 | logo: 'https://www.codefirstgirls.org.uk/uploads/1/9/8/9/19897181/1404924530.png', 96 | url: 'https://www.codefirstgirls.org.uk/' 97 | }, 98 | { // 19 99 | name: 'Exponent', 100 | logo: 'https://d3lwq5rlu14cro.cloudfront.net/v0/pmEUQbj7N1m95nXyF7j7.png', 101 | url: 'https://exponentjs.com/' 102 | }, 103 | { // 20 104 | name: 'Facebook', 105 | logo: 'https://www.underconsideration.com/brandnew/archives/facebook_2015_logo_detail.png', 106 | url: 'https://www.facebook.com' 107 | }, 108 | { // 21 109 | name: 'FormidableLabs', 110 | logo: 'http://reactive2015.com/assets/img/sponsor/formidable_labs.png', 111 | url: 'https://formidablelabs.com' 112 | }, 113 | { // 22 114 | name: 'STRV', 115 | logo: 'http://reactive2015.com/assets/img/sponsor/strv.png', 116 | url: 'https://www.strv.com/' 117 | }, 118 | { // 23 119 | name: 'liftago', 120 | logo: 'http://reactive2015.com/assets/img/sponsor/logo_liftago.png', 121 | url: 'http://reactive2015.com/assets/img/sponsor/logo_liftago.png' 122 | }, 123 | { // 24 124 | name: 'Smart base', 125 | logo: 'http://reactive2015.com/assets/img/sponsor/sp5.png', 126 | url: 'https://smartbase.sk/' 127 | }, 128 | { // 25 129 | name: 'Promiseo', 130 | logo: 'http://reactive2015.com/assets/img/sponsor/promiseo_logo.png', 131 | url: 'https://promiseo.com/' 132 | }, 133 | { // 26 134 | name: 'ReactJS.de', 135 | logo: 'http://reactive2015.com/assets/img/sponsor/reactjsdeblack.png', 136 | url: 'https://reactjs.de/' 137 | }, 138 | { // 27 139 | name: 'zdrojak.cz', 140 | logo: 'http://reactive2015.com/assets/img/sponsor/zdrojakcz.png', 141 | url: 'https://www.zdrojak.cz/' 142 | }, 143 | { // 28 144 | name: 'FEVR', 145 | logo: 'http://reactive2015.com/assets/img/sponsor/fevrit.png', 146 | url: 'https://www.fevr.it/' 147 | }, 148 | { // 29 149 | name: 'RisingStack', 150 | logo: 'http://reactive2015.com/assets/img/sponsor/rising_stack.png', 151 | url: 'http://risingstack.com/' 152 | }, 153 | { // 30 154 | name: 'Robime.it', 155 | logo: 'http://reactive2015.com/assets/img/sponsor/robime-it-logo.png', 156 | url: 'https://www.robime.it/' 157 | }, 158 | { // 31 159 | name: 'PC REVUE', 160 | logo: 'http://reactive2015.com/assets/img/sponsor/pc-revue.png', 161 | url: 'https://www.pcrevue.sk/' 162 | }, 163 | { // 32 164 | name: 'ComputerWorld', 165 | logo: 'http://reactive2015.com/assets/img/sponsor/cw.png', 166 | url: 'https://www.computerworld.com/' 167 | }, 168 | { // 33 169 | name: 'Firefox', 170 | logo: 'http://reactive2015.com/assets/img/sponsor/firefox_developer.png', 171 | url: 'http://firefox.com/developer' 172 | }, 173 | { // 34 174 | name: 'Explosive Tiles', 175 | logo: 'https://explosivetitles.com/wp-content/uploads/2014/03/Logo-black1.png', 176 | url: 'https://explosivetitles.com/' 177 | }, 178 | { // 35 179 | name: 'GitHub', 180 | logo: 'http://assets-cdn.github.com/images/modules/logos_page/Octocat.png', 181 | url: 'http://github.com/' 182 | } 183 | ], 184 | speakers: [ 185 | { // 0 186 | firstName: 'Andre', 187 | lastName: 'Staltz', 188 | bio: 'Andre is a user interface engineer at Futurice, with extensive knowledge in reactive programming. He is a contributor to RxJS, has built RxMarbles, written an introduction to reactive programming which went viral, and collaborated to design ReactiveX.io. His current mission is to redefine how we understand and structure user interfaces with the reactive web framework Cycle.js.', 189 | company: '$ref(companies[1])', 190 | companyRole: 'UX Engineer', 191 | image: 'http://reactive2015.com/assets/img/team/andre_staltz.jpg', 192 | twitter: 'http://twitter.com/andrestaltz', 193 | github: 'http://github.com/staltz', 194 | web: 'https://staltz.com/' 195 | }, 196 | { // 1 197 | firstName: 'Julia', 198 | lastName: 'Gao', 199 | bio: 'Front-end developer from Utah, using ReactJS and ImmutableJS . Loves functional programming, currently learning Racket and Haskell.', 200 | company: '$ref(companies[2])', 201 | companyRole: 'UX Engineer', 202 | image: 'http://reactive2015.com/assets/img/team/julia_gao.jpg', 203 | twitter: 'http://twitter.com/ryoia', 204 | github: 'http://github.com/ryoia' 205 | }, 206 | { // 2 207 | firstName: 'Nikita', 208 | lastName: 'Prokopov', 209 | bio: 'For the past ten years Nikita Prokopov has been building web interfaces, backends and distributed systems in Clojure, Erlang, Python, Java. Long-time blogger, UX enthusiast and Clojure evangelist from Novosibirsk, Russia.', 210 | company: '$ref(companies[3])', 211 | companyRole: 'UX Engineer', 212 | image: 'http://reactive2015.com/assets/img/team/nikita_prokopov.jpg', 213 | twitter: 'http://twitter.com/nikitonsky', 214 | github: 'http://github.com/tonsky', 215 | web: 'https://tonsky.me/' 216 | }, 217 | { // 3 218 | firstName: 'Victor', 219 | lastName: 'Grishchenko', 220 | bio: 'Researching deep hypertext, distributed systems and the general information metabolism of the society.', 221 | company:'$ref(companies[4])', 222 | companyRole: 'Founder', 223 | image: 'http://reactive2015.com/assets/img/team/victor_grishchenko.jpg', 224 | twitter: 'http://twitter.com/gritzko', 225 | github: 'http://github.com/gritzko' 226 | }, 227 | { // 4 228 | firstName: 'Rajiv', 229 | lastName: 'Tirumalareddy', 230 | bio: 'Rajiv is software engineer at Yahoo working on node.js and Fluxible (Universal Flux and React) frontends that power high-traffic web applications.', 231 | company: '$ref(companies[5])', 232 | companyRole: 'UX Engineer', 233 | image: 'http://reactive2015.com/assets/img/team/rajiv_tirumalareddy.jpg', 234 | twitter: 'http://twitter.com/rajivontherocks', 235 | github: 'http://github.com/Vijar' 236 | }, 237 | { 238 | // 5 239 | firstName: 'Mike', 240 | lastName: 'Grabowski', 241 | bio: 'Mike is a Full-Stack Developer at Man+Moon bringing real-time experience to thousands of people with a help of Javascript. Involved in React.js community for past few months, Mike recently jumped in onto the Este.js bandwagon where he helps maintaining the most complete React/Flux dev stack. As well as contributing to other node-based projects such as Keystone, he is also a NodeSchool mentor helping other people get started with Node.js platform. In his free time, apart from reading books and exploring today\'s new javascript framework, he plays guitar and tries to make it up to his girlfriend for all the time spent on the Internet.', 242 | company: '$ref(companies[34])', 243 | companyRole: 'UX Engineer', 244 | image: 'http://reactive2015.com/assets/img/team/mike_grabowski.jpg', 245 | twitter: 'http://twitter.com/grabbou', 246 | github: 'http://github.com/grabbou' 247 | }, 248 | { 249 | // 6 250 | firstName: 'Mark', 251 | lastName: 'Dalgleish', 252 | bio: 'Mark Dalgleish is the co-creator of CSS Modules, lead organiser of MelbJS and progressive enhancement enthusiast. Mark Dalgleish is a self-described JavaScript addict, co-creator of CSS Modules, lead organiser of MelbJS, and interaction craftsman at SEEK—the most popular job site in Australia. Having got his start with HTML and UI design at a young age, he has since developed a love of open source and software engineering, but always as a means to creating elegant, usable experiences.', 253 | company: '$ref(companies[7])', 254 | companyRole: 'UX Engineer', 255 | image: 'http://reactive2015.com/assets/img/team/mark_dalgleish.jpg', 256 | twitter: 'http://twitter.com/markdalgleish', 257 | github: 'http://github.com/markdalgleish', 258 | web: 'https://markdalgleish.com/' 259 | }, 260 | { 261 | // 7 262 | firstName: 'Sean', 263 | lastName: 'Grove', 264 | bio: 'Sean\'s been convinced there are better ways to develop applications across the stack for years, and built time-traveling debuggers, interface builders, layout tools, and graphic design tools in his quest to explore the space.', 265 | company: '$ref(companies[8])', 266 | companyRole: 'UX Engineer', 267 | image: 'http://reactive2015.com/assets/img/team/sean_grove.jpg', 268 | twitter: 'http://twitter.com/sgrove', 269 | github: 'http://github.com/sgrove' 270 | }, 271 | { // 8 272 | firstName: 'Marcelka', 273 | lastName: 'Hrda', 274 | bio: 'Marcela is a Quantum Physicist turned React developer. Studied at Caltech, returned to Slovakia to be closer to family. In her spare time, she is the MD of the most famous NGO aimed at supporting talented students, Trojsten.sk. One of the founders of VacuumLabs, loves React, thinks functional, is generally very happy.', 275 | company: '$ref(companies[9])', 276 | companyRole: 'UX Engineer', 277 | image: 'http://reactive2015.com/assets/img/team/marcelka_hrda.jpg', 278 | github: 'http://github.com/marcelka' 279 | }, 280 | { // 9 281 | firstName: 'Christian', 282 | lastName: 'Alfoni', 283 | bio: 'Christian Alfoni likes to share ideas and build tools to make web development more fun than painful', 284 | company: '$ref(companies[10])', 285 | companyRole: 'UX Engineer', 286 | image: 'http://reactive2015.com/assets/img/team/christian_alfoni.jpg', 287 | twitter: 'http://twitter.com/christianalfoni', 288 | github: 'http://github.com/christianalfoni', 289 | web: 'https://www.christianalfoni.com/' 290 | }, 291 | { // 10 292 | firstName: 'Francois', 293 | lastName: 'De Campredon', 294 | bio: 'Full-stack developer and co-founder of Fadio IT. For the past 10 years, I have been building web and mobile applications.JavaScript lover, creator of rx-react, my main focus is to create robust and elegant architectures and to make react more "reactive"', 295 | company: '$ref(companies[11])', 296 | companyRole: 'UX Engineer', 297 | image: 'http://reactive2015.com/assets/img/team/francois_de_campredon.jpg', 298 | twitter: 'http://twitter.com/Fdecampredon', 299 | github: 'http://github.com/fdecampredon/' 300 | }, 301 | { // 11 302 | firstName: 'Guillermo', 303 | lastName: 'Rauch', 304 | bio: 'Guillermo Rauch is the former CTO and co-founder of LearnBoost and Cloudup, acquired by WordPress.com in 2013. His background and expertise is in the realtime web. He\'s the creator of socket.io, the most popular OSS realtime framework and one of the most popular JavaScript projects on GitHub, with implementations in many different programming languages (currently running the backend of high profile apps like Microsoft Office online). He also created MongooseJS, one of the most popular MongoDB clients. He\'s the author of "Smashing Node.JS" published by Wiley in 2012, best-selling book about Node.JS on Amazon in multiple programming categories.', 305 | company: '$ref(companies[12])', 306 | companyRole: 'UX Engineer', 307 | image: 'http://reactive2015.com/assets/img/team/guillermo_rauch.jpg', 308 | twitter: 'http://twitter.com/rauchg', 309 | github: 'http://github.com/rauchg', 310 | web: 'https://rauchg.com/' 311 | }, 312 | { // 12 313 | firstName: 'Michel', 314 | lastName: 'Weststrate', 315 | bio: 'Michel is a full-stack lead developer at Mendix. A company that drives digital innovation in large enterprises in partnership with companies like HP, Capgemini and Pivotal. Michel strongly believes in pragrammatic programming; YANGI, agile, the-simplest-thing-that-could-possibly-work. As author of Mobservable he tries to bring reactiveness to the world of React in a way that is accessible for any developer.', 316 | company: '$ref(companies[13])', 317 | companyRole: 'UX Engineer', 318 | image: 'http://reactive2015.com/assets/img/team/michel_weststrate.jpg', 319 | twitter: 'http://twitter.com/mweststrate', 320 | github: 'http://github.com/mweststrate', 321 | web: 'http://medium.com/@mweststrate' 322 | }, 323 | { // 13 324 | firstName: 'Daniel', 325 | lastName: 'Steigerwald', 326 | bio: 'Creator of Este, dev stack and starter kit for React/Flux universal web applications. Angel developer, Google Developer Expert, libertarian.', 327 | company: '$ref(companies[6])', 328 | companyRole: 'UX Engineer', 329 | image: 'http://reactive2015.com/assets/img/team/daniel_steigerwald.jpg', 330 | twitter: 'http://twitter.com/steida', 331 | github: 'http://github.com/steida', 332 | web: 'https://daniel.steigerwald.cz/' 333 | }, 334 | { // 14 335 | firstName: 'Richard', 336 | lastName: 'Feldman', 337 | bio: 'Richard is the creator of seamless-immutable and Dreamwriter, and coauthor of Developing a React Edge. Richard leads the front-end team at NoRedInk, where he introduced React, then Flux, and now Elm to their production stack.', 338 | company: '$ref(companies[14])', 339 | companyRole: 'UX Engineer', 340 | image: 'http://reactive2015.com/assets/img/team/richard_feldman.jpg', 341 | twitter: 'http://twitter.com/rtfeldman', 342 | github: 'http://github.com/rtfeldman' 343 | }, 344 | { // 15 345 | firstName: 'Joshua', 346 | lastName: 'Sierles', 347 | bio: 'Joshua is Co-creator of the React Native Playground and Rails/DevOps guy. Plays flamenco guitar in Sevilla, Spain, while working on a React Native development platform.', 348 | company: '$ref(companies[15])', 349 | companyRole: 'UX Engineer', 350 | image: 'http://reactive2015.com/assets/img/team/joshua_sierles.jpg', 351 | twitter: 'http://twitter.com/jsierles', 352 | github: 'http://github.com/jsierles', 353 | web: 'http://rnplay.org/' 354 | }, 355 | { // 16 356 | firstName: 'Paul', 357 | lastName: 'Taylor', 358 | bio: 'Paul Taylor is a consultant in San Francisco, CA, and former lead engineer on FalcorJS on Netflix’s UI Platform team. Paul specializes in functional programming and contributes to Reactive Extensions. When he’s not busy meeting client deadlines, he works on installations and procedurally generated visualizations for his partner’s techno performances, and plans to move to Berlin in the next few years.', 359 | company: '$ref(companies[16])', 360 | companyRole: 'UX Engineer', 361 | image: 'http://reactive2015.com/assets/img/team/paul_taylor.jpg', 362 | twitter: 'http://twitter.com/trxcllnt', 363 | github: 'http://github.com/trxcllnt' 364 | }, 365 | { // 17 366 | firstName: 'Tomas', 367 | lastName: 'Kulich', 368 | bio: 'Tomas is a former university assistant professor at the Faculty of Informatics, Comenius University, Bratislava. Helped dozens of students with their thesis. Extensive interdisciplinary research in artifical inteligence, biology and physics. He found his passion as the founder and CTO of VacuumLabs.', 369 | company: '$ref(companies[17])', 370 | companyRole: 'UX Engineer', 371 | image: 'http://reactive2015.com/assets/img/team/tomas_kulich.jpg', 372 | twitter: 'http://twitter.com/tomas_kulich', 373 | github: 'http://github.com/tomaskulich' 374 | }, 375 | { // 18 376 | firstName: 'Andreas', 377 | lastName: 'Savvides', 378 | bio: 'Andreas is a full-stack, product-driven Software Engineer who enjoys building interactive single page applications with rich data visualisations. He is currently engineering things at Twitter and enjoys working on and contributing to open source projects such as d3act for using d3 with React and Radium for better inline style management in React apps. In his spare time, Andreas helps female graduates to learn to code as a Mentor/Lead Instructor for Code First: Girls.', 379 | company: '$ref(companies[18])', 380 | companyRole: 'UX Engineer', 381 | image: 'http://reactive2015.com/assets/img/team/andreas_savvides.jpg', 382 | twitter: 'http://twitter.com/andrs', 383 | github: 'http://github.com/AnSavvides', 384 | web: 'https://ansavvides.github.io/', 385 | }, 386 | { // 19 387 | firstName: 'Brent', 388 | lastName: 'Vatne', 389 | bio: 'Lives in Vancouver and work primarily with Exponent and Iodine on React Native and BrentQL projects. With the rest of my time, I am a core contributor to React Native itself, I send out the React Native Newsletter each week and I try to go for long runs whenever I can.', 390 | company: '$ref(companies[19])', 391 | companyRole: 'UX Engineer', 392 | image: 'http://reactive2015.com/assets/img/team/brent_vatne.jpg', 393 | twitter: 'http://twitter.com/notbrent', 394 | github: 'http://github.com/brentvatne' 395 | }, 396 | { // 20 397 | firstName: 'James', 398 | lastName: 'Long', 399 | bio: 'James Long works for Mozilla on the Firefox Developer Tools, mostly trying to make debugging JavaScript better. He\'s spent the last 8 years studying programming languages like Lisp and Scheme, and trying to bring various ideas to JavaScript. He likes to write in-depth articles about interesting programming ideas. Most of his free time is now happily dedicated to his daughter.', 400 | company: '$ref(companies[0])', 401 | companyRole: 'UX Engineer', 402 | image: 'http://reactive2015.com/assets/img/team/james_long.jpg', 403 | twitter: 'http://twitter.com/jlongster', 404 | github: 'http://github.com/jlongster', 405 | web: 'https://jlongster.com/' 406 | }, 407 | { // 21 408 | firstName: 'Martin', 409 | lastName: 'Konicek', 410 | bio: 'Works on React Native, specifically the Android part, at Facebook London. I am very excited to see what we\'ll build together now that React Native is open source on iOS and Android.', 411 | company: '$ref(companies[20])', 412 | companyRole: 'UX Engineer', 413 | image: 'http://reactive2015.com/assets/img/team/martin_konicek.jpg', 414 | twitter: 'http://twitter.com/martinkonicek', 415 | github: 'http://github.com/mkonicek' 416 | }, 417 | { // 22 418 | firstName: 'Colin', 419 | lastName: 'Megill', 420 | bio: 'Colin is founder of Seattle based startup pol.is as well as a Senior Front End Developer at Formidable Labs. He has architected and built client side applications for some of the largest brands in the world. A former educator, he also teaches regularly at multiple Fortune 10 companies and in the JavaScript community, most recently in a series of in depth talks on ReactJS given at Facebook Seattle. Colin\'s primary focus is user interface design, product design and information architecture. He has a passion for leveraging data visualization technologies and the mobile web to create novel and enduring information experiences. He lives in the Fremont neighborhood of Seattle with his wife Christie and two wonderful little boys.', 421 | company: '$ref(companies[21])', 422 | companyRole: 'Founder', 423 | image: 'http://reactive2015.com/assets/img/team/colin_megill.jpg', 424 | twitter: 'http://twitter.com/colinmegill', 425 | github: 'http://github.com/colinmegill' 426 | }, 427 | { // 23 428 | firstName: 'Daniel', 429 | lastName: 'Hengeveld', 430 | bio: 'Daniel works at github', 431 | company: '$ref(companies[35])', 432 | companyRole: 'UX Engineer', 433 | image: 'http://reactive2015.com/assets/img/team/daniel_hengeveld.jpg', 434 | twitter: 'http://twitter.com/thedaniel', 435 | github: 'http://github.com/thedaniel' 436 | }, 437 | { // 24 - dummy 438 | firstName: '', 439 | lastName: '', 440 | bio: '', 441 | company: '$ref(companies[35])', 442 | companyRole: '', 443 | image: '', 444 | twitter: '', 445 | github: '' 446 | } 447 | ], 448 | sponsors: [ 449 | { // gold - strv 450 | level: 10, 451 | company: '$ref(companies[22])' 452 | }, 453 | { // silver - formidable labs 454 | level: 20, 455 | company: '$ref(companies[21])' 456 | }, 457 | { // silver - liftago 458 | level: 20, 459 | company: '$ref(companies[23])' 460 | }, 461 | { // bronze - smartbase 462 | level: 30, 463 | company: '$ref(companies[24])' 464 | }, 465 | { // bronze - promiseo 466 | level: 30, 467 | company: '$ref(companies[25])' 468 | }, 469 | { // bronze - futurice 470 | level: 30, 471 | company: '$ref(companies[1])' 472 | }, 473 | { // media - reactjsde 474 | level: 40, 475 | company: '$ref(companies[26])' 476 | }, 477 | { // media - zdrojack 478 | level: 40, 479 | company: '$ref(companies[27])' 480 | }, 481 | { // media - fevr 482 | level: 40, 483 | company: '$ref(companies[28])' 484 | }, 485 | { // media - rising stack 486 | level: 40, 487 | company: '$ref(companies[29])' 488 | }, 489 | { // media - robime 490 | level: 40, 491 | company: '$ref(companies[30])' 492 | }, 493 | { // media - pc revue 494 | level: 40, 495 | company: '$ref(companies[31])' 496 | }, 497 | { // media - computer world 498 | level: 40, 499 | company: '$ref(companies[32])' 500 | }, 501 | { // media - firefox dev 502 | level: 40, 503 | company: '$ref(companies[33])' 504 | } 505 | ], 506 | events: [ // type 0=no type 1=blue 2=purple 3=green 4=yellow 507 | // workshops 508 | { 509 | day: 0, 510 | startsAt: 800, 511 | endsAt: 900, 512 | type: 0, 513 | title: 'DOORS OPEN', 514 | excerpt: 'Registration', 515 | speaker: '$ref(speakers[24])' 516 | }, 517 | { 518 | day: 0, 519 | startsAt: 900, 520 | endsAt: 1200, 521 | type: 3, 522 | speaker: '$ref(speakers[24])', 523 | title: 'Redux 101', 524 | excerpt: 'Learn to use cutting edge ReactJS tooling' 525 | }, 526 | { 527 | day: 0, 528 | startsAt: 1200, 529 | endsAt: 1300, 530 | type: 0, 531 | speaker: '$ref(speakers[24])', 532 | title: 'Lunch Break', 533 | excerpt: '' 534 | }, 535 | { 536 | day: 0, 537 | startsAt: 1300, 538 | endsAt: 1600, 539 | type: 3, 540 | speaker: '$ref(speakers[24])', 541 | title: 'React.JS let\'s make development fun again', 542 | excerpt: '' 543 | }, 544 | // day 1 545 | { 546 | day: 1, 547 | startsAt: 800, 548 | endsAt: 900, 549 | type: 0, 550 | speaker: '$ref(speakers[24])', 551 | title: 'DOORS OPEN', 552 | excerpt: 'Registration' 553 | }, 554 | { 555 | day: 1, 556 | startsAt: 900, 557 | endsAt: 915, 558 | type: 0, 559 | speaker: '$ref(speakers[24])', 560 | title: 'Conference opening', 561 | excerpt: '' 562 | }, 563 | { 564 | day: 1, 565 | startsAt: 915, 566 | endsAt: 945, 567 | type: 0, 568 | speaker: '$ref(speakers[24])', 569 | title: 'TBD', 570 | excerpt: '', 571 | speaker: '$ref(speakers[20])' 572 | }, 573 | { 574 | day: 1, 575 | startsAt: 945, 576 | endsAt: 1045, 577 | type: 2, 578 | speaker: '', 579 | speaker: '$ref(speakers[16])', 580 | title: 'Binding the cloud with Falcor', 581 | excerpt: 'Imagine how easy building your web application would be if all of your data was available in-memory on the client. Falcor lets you to code that way. Falcor is the open-source, JS data access framework that powers Netflix. Falcor lets you represent all of your cloud data sources as one virtual JSON model on the server. On the client, Falcor makes it appear as if the entire JSON model is available locally and allows you to access data the same way you would from an in-memory JSON object. Falcor retrieves the model data you request from the cloud on-demand, transparently handling all the network communication and keeping the server and client in sync. Falcor is not a replacement for your MVC framework, your database, or your application server. Falcor fits seamlessly into your existing stack and lets the layers communicate more efficiently. Get an inside look at the innovative data platform that powers the Netflix UIs and the new UI design patterns it enables. Learn more how Falcor powers Netflix, and how you can integrate into your existing stack.', 582 | }, 583 | { 584 | day: 1, 585 | startsAt: 1045, 586 | endsAt: 1115, 587 | type: 3, 588 | speaker: '$ref(speakers[22])', 589 | title: 'VICTORY.JS - A Powerful DATA VISUALIZATION LIBRARY FOR REACTJS', 590 | excerpt: 'We tried swapped out D3\'s DOM model in favor of React. The result? Love at first iteration. Building a data visualization library as React components means that you can reclaim your SVG as declarative markup, NPM install visualizations directly into your project (can\'t do that with bl.ocks!), fork them, remix them and file issues against them. It also meant completely rethinking how animations are done, since D3\'s animation model relies on its DOM model. Come learn the API, and what it means for the future of interactive data visualization.' 591 | }, 592 | { 593 | day: 1, 594 | startsAt: 1115, 595 | endsAt: 1145, 596 | type: 0, 597 | speaker: '$ref(speakers[24])', 598 | title: 'Coffee Break' 599 | }, 600 | { 601 | day: 1, 602 | startsAt: 1145, 603 | endsAt: 1215, 604 | type: 1, 605 | speaker: '$ref(speakers[13])', 606 | title: 'FUNCTIONAL PROGRAMMING IN JAVASCRIPT. WHAT, WHY, AND HOW.', 607 | excerpt: 'As programs get bigger, they also become more complex and harder to understand. We all think ourselves pretty clever, of course, but we are mere human beings, and even a moderate amount of chaos tends to baffle us. And then it all goes downhill. Working on something you do not really understand is a bit like cutting random wires on those time-activated bombs they always have in movies. If you are lucky, you might get the right one ― especially if you are the hero of the movie and strike a suitably dramatic pose ― but there is always the possibility of blowing everything up.' 608 | }, 609 | { 610 | day: 1, 611 | startsAt: 1215, 612 | endsAt: 1300, 613 | speaker: '$ref(speakers[2])', 614 | type: 4, 615 | title: 'DECONSTRUCTING REACT', 616 | excerpt: 'React is a framework and consist of many parts. I want to study these parts in isolation, identify their purpose, how they affect the way we write apps, and how else can we achieve same effect (alternative solutions). Parts are: VDOM, local state, components, elements, classes, id allocation, lifecycle callbacks, mixins, lazy dom and so on.' 617 | }, 618 | { 619 | day: 1, 620 | startsAt: 1300, 621 | endsAt: 1345, 622 | type: 4, 623 | speaker: '$ref(speakers[5])', 624 | title: 'THE CASE FOR CSS MODULES', 625 | excerpt: 'With the push towards writing CSS in JavaScript within the React community, CSS Modules have suddenly emerged as a surprisingly popular alternative that still allow us to maintain our connection with the CSS community. Do we have to give up writing CSS in JavaScript? Are we clinging to the past, or do CSS Modules offer a new way forward for the entire web community? In this talk we\'ll examine both the history and potential future of CSS Modules, and hopefully inspire the next generation of styling in React.' 626 | }, 627 | { 628 | day: 1, 629 | startsAt: 1345, 630 | endsAt: 1445, 631 | type: 0, 632 | speaker: '$ref(speakers[24])', 633 | title: 'Lunch Break' 634 | }, 635 | { 636 | day: 1, 637 | startsAt: 1445, 638 | endsAt: 1515, 639 | type: 1, 640 | speaker: '$ref(speakers[9])', 641 | title: 'STATE, UI AND THE STUFF IN BETWEEN', 642 | excerpt: 'The one way flow of flux has pushed us in the right direction, but we are still evolving what makes up that flow. Cerebral is a project that separates storing state and producing state with a functional flow defining API called signals.' 643 | }, 644 | { 645 | day: 1, 646 | startsAt: 1515, 647 | endsAt: 1545, 648 | type: 1, 649 | speaker: '$ref(speakers[1])', 650 | title: 'FRONT‐END CAN BE MORE FUNCTIONAL', 651 | excerpt: 'Functional programming gives developers better ideas on how the application will react, more expected outputs, and less time needed for debugging. Immutability is one of the key points for functional programming, I\'ll show you some of the things we can improve on the front-end to make the code more immutable and functional.' 652 | }, 653 | { 654 | day: 1, 655 | startsAt: 1545, 656 | endsAt: 1615, 657 | type: 2, 658 | speaker: '$ref(speakers[3])', 659 | title: 'WHAT DO REACTIVE APPS REACT TO?', 660 | excerpt: 'Let\'s zoom out of the reactive front-end story to see the big picture. How data and events propagate between clients and servers? What if clients are mobile and connections are intermittent? What about offline work? Can we cache our data? What if we need to act in real time? Welcome to the world of distributed mutable state, also known as ""hell"". Way too often, existing methods pretend that we act in a single point, at a single moment of time, alone (think ACID). One approach to truly asynchronous thinking is the math apparatus known as CRDT (Commutative/Convergent Replicated Data Types). I will tell how CRDT can be practically used to resolve some of the challenges mentioned."' 661 | }, 662 | { 663 | day: 1, 664 | startsAt: 1615, 665 | endsAt: 1655, 666 | type: 1, 667 | speaker: '$ref(speakers[16])', 668 | title: 'RXJS Evolved', 669 | excerpt: 'Reactive Extensions for JavaScript is evolving! Building on lessons learned from RxJava and RxMobile, Microsoft Netflix, Google, and the ReactiveX community have begun work on the next version of RxJS. This talk will enumerate the improvements we’ve made to increase speed, reduce memory, expose locations for extension, provide more debuggable call-stacks, and enable more readable flame charts.' 670 | }, 671 | { 672 | day: 1, 673 | startsAt: 1645, 674 | endsAt: 1715, 675 | title: 'Coffee Break', 676 | speaker: '$ref(speakers[24])', 677 | type: 0, 678 | }, 679 | { 680 | day: 1, 681 | startsAt: 1715, 682 | endsAt: 1745, 683 | type: 1, 684 | speaker: '$ref(speakers[4])', 685 | title: 'UNIVERSAL REACT + FLUX AT SCALE', 686 | excerpt: 'React is great and Flux is awesome. Running both on the server and client is even better! You\'ve built your app with the latest and greatest tech stack, but will your app scale to millions of users? We created and open sourced Fluxible and other libraries that support Yahoo\'s high-traffic web applications. I\'ll share our learnings and go through best practices, performance concerns, and challenges of building robust and scalable web applications.' 687 | }, 688 | { 689 | day: 1, 690 | startsAt: 1745, 691 | endsAt: 1830, 692 | type: 2, 693 | speaker: '$ref(speakers[17])', 694 | title: 'INTEGRATING REACT WITH REACTIVE DATABASES', 695 | excerpt: 'React is a great tool for synchronizing data with views on the client side. However, to achieve perfect real-time experience one also needs to synchronize server data with client data. Unfortunately the nowadays widely used REST-like API is rather suited to one-time fetches, usually resulting in stale client data. Reactive databases such as Firebase seek to be the solution to this problem. I will show how Firebase can be integrated with React (spoiler alert: it can be done in a beautiful way) to get what-you-see-is-what-it-really-is kind of UX and how the FLUX pattern helps us to keep database updates clean. Since Firebase-like databases are quite fresh and immature, you may get an inspiration for a nice Friday-night project here.' 696 | }, 697 | { 698 | day: 1, 699 | startsAt: 1830, 700 | endsAt: 1930, 701 | type: 0, 702 | speaker: '$ref(speakers[24])', 703 | title: 'LIGHTNING TALKS' 704 | }, 705 | { 706 | day: 1, 707 | startsAt: 1930, 708 | endsAt: 1930, 709 | type: 0, 710 | speaker: '$ref(speakers[24])', 711 | title: 'Doors Closing' 712 | }, 713 | // day 2 714 | { 715 | day: 2, 716 | startsAt: 830, 717 | endsAt: 900, 718 | speaker: '$ref(speakers[24])', 719 | title: 'Doors Open', 720 | type: 0 721 | }, 722 | { 723 | day: 2, 724 | startsAt: 900, 725 | endsAt: 930, 726 | type: 1, 727 | speaker: '$ref(speakers[12])', 728 | title: 'REACT, TRANSPARENT REACTIVE PROGRAMMING AND MUTABLE DATA STRUCTURES', 729 | excerpt: 'The ability to express essential complexity in a simple way is crucial for any code-base. At Mendix we did an interesting discovery during the development of a complex MDD tool. React, mutable data structures and transparent reactive programming are a match made in heaven. We published a library that leverages these concepts; Mobservable. It helps you to write simple, declarative, yet highly efficient code. Your future code maintainers will love you for applying it.', 730 | }, 731 | { 732 | day: 2, 733 | startsAt: 930, 734 | endsAt: 1000, 735 | type: 3, 736 | speaker: '$ref(speakers[5])', 737 | title: 'Let\'s talk Javascript', 738 | excerpt: '"The web is evolving out of the browser. With the rise of React Native for iOS, and the recently open sourced Android version, universal javascript is now about fully featured experiences across web, mobile devices and soon, it will be also about smart watches, TVs and beyond. Device fragmentation is about to explode and the need for write-once and run-everywhere is stronger than ever. The ability to maintain a single codebase of components and logic is currently a convenience but soon will be a necessity to keep up with the plethora of devices that our services will be accessed through. This talk explores these concepts and discusses the foundations of a developing a device-agnostic platform. By checking out various patterns and deployment techniques we are going to see how you can power all your devices by Javascript with confidence. Yes, even your washing machine!"', 739 | }, 740 | { 741 | day: 2, 742 | startsAt: 1000, 743 | endsAt: 1045, 744 | speaker: '$ref(speakers[11])', 745 | title: 'TBD', 746 | type: 4 747 | }, 748 | { 749 | day: 2, 750 | startsAt: 1045, 751 | endsAt: 1115, 752 | speaker: '$ref(speakers[24])', 753 | title: 'Coffee Break', 754 | type: 0 755 | }, 756 | { 757 | day: 2, 758 | startsAt: 1115, 759 | endsAt: 1145, 760 | type: 3, 761 | speaker: '$ref(speakers[18])', 762 | title: 'D3 with React', 763 | excerpt: 'd3 has been the de facto standard when it comes to data visualisations for a while now and React has recently emerged as the go-to library for building user interfaces. d3 and React are both data-centric libraries, making them a natural fit; d3 takes a data-driven approach and React aims to solve the problem of data changing over time in the context of building large applications. There have been various approaches documented on how to effectively use d3 and React together. In this talk, I will be going through a number of these approaches, talking about what I have learned from them and how I go about creating reusable chart components for large scale applications.' 764 | }, 765 | { 766 | day: 2, 767 | startsAt: 1145, 768 | endsAt: 1215, 769 | type: 3, 770 | speaker: '$ref(speakers[15])', 771 | title: 'Work and play in the react native playground', 772 | excerpt: 'If you’re like me, coming from web development, you find traditional mobile development slow and difficult to learn hands-on without a lot of guesswork, headaches and patience. Above all, things just move slower. The React Native Playground breaks down barriers to mobile development by making it speedy and trivial to write and test React Native code across platforms and devices. I want to share my experience working with an amazing team on this free resource. First, I\'ll give a quick tour of what\'s possible with the Playground, showing off some of React Native itself. We\'ll see how React Native’s unique architecture made this project possible, revealing some interesting details of its inner workings. For example, how we\'re serving React Native javascript code over the web, and how we can load an application from inside another one. Finally, I want to briefly discuss how working on project like this, which help developers learn faster, can be fun, rewarding and an antidote to programmer fatigue.' 773 | }, 774 | { 775 | day: 2, 776 | startsAt: 1215, 777 | endsAt: 1315, 778 | type: 1, 779 | speaker: '$ref(speakers[14])', 780 | title: 'Effects as Data', 781 | excerpt: 'Imagine a world without side effects, where the only way to make things happen was to call functions whose return values described what you wanted done. What gets easier in that world? What gets harder? What would that mean for debugging? Testing? We don\'t have to wonder about these things, because this world already exists — and it compiles to JavaScript. It\'s the world of Elm, where there are no side effects, all functions are stateless, and all data is immutable. Elm embraces the concepts that make reactive programming great, and goes one step further to shed the error‐prone mutations and side effects that so often lead to incidental complexity and buggy code. NoRedInk has reaped the benefits of this approach since they began using Elm in production earlier in 2015. It\'s helped them scale and maintain a complex front-end code base that students use to answer millions of questions per day. Come see how refreshing this world can be!' 782 | }, 783 | { 784 | day: 2, 785 | startsAt: 1315, 786 | endsAt: 1415, 787 | speaker: '$ref(speakers[24])', 788 | title: 'Lunch Break', 789 | type: 1 790 | }, 791 | { 792 | day: 2, 793 | startsAt: 1415, 794 | endsAt: 1445, 795 | speaker: '$ref(speakers[10])', 796 | title: 'Going reactive with react', 797 | excerpt: 'In the past two years, React and all the related projects completely changed our way of creating application by breaking all the rules and forcing us to redefine what we thought being "best practice". However, there is still an area that has not changed much : how we define the relationship between user input and application state. In this talk, I\'ll try to demonstrate that we can express this relationship in a simpler and more declarative way by using techniques from reactive programing and by combining React with RxJS.', 798 | type: 1 799 | }, 800 | { 801 | day: 2, 802 | startsAt: 1445, 803 | endsAt: 1515, 804 | type: 4, 805 | speaker: '$ref(speakers[8])', 806 | title: 'Form validation made simple with react', 807 | excerpt: 'Creating validated forms is usually a troublesome experience. Most libraries used for building forms are complex and difficult to customize. As React plays nicely with functional approach, it can be easily used to create library for creating forms that is: a) simple and easy to understand b) customizable and extensible c) providing top user experience. I will present such library for building validated forms.' 808 | }, 809 | { 810 | day: 2, 811 | startsAt: 1515, 812 | endsAt: 1545, 813 | type: 3, 814 | speaker: '$ref(speakers[19])', 815 | title: 'From react web to native mobile: mapping out the unknown unknowns', 816 | excerpt: 'Engineers with experience using React for web coming who dive into mobile will feel at home quickly because the basic React API doesn\'t change. But building for mobile introduces a different way of thinking about the software that you create and React Native empowers you to embrace this rather than attempt to hide it from you: your primary mode of interaction is touch, animations are more common and are expected to be smooth and dynamically track your gestures, you actually have to think about how your app will handle offline / poor connectivity, what happens when the user backgrounds it and comes back, how to send push/local notifications and respond to them, how to stay at 60fps performance on a much less capable device with more demanding users, responding to the keyboard appearing and hiding - specifying different keyboard types, autocorrect/autocomplete, dealing with device orientation changes and status bar changes, app store deployment delays and more. I won\'t go into great detail about each of these points but will rather help you to build a mental map of the space and touch on solutions that React Native provides to handle these mobile-specific problems, in order for unknown unknowns can become known unknowns. So this talk is kind of to React Native what a maphack is to Starcraft, but totally not lame like that.' 817 | }, 818 | { 819 | day: 2, 820 | startsAt: 1545, 821 | endsAt: 1615, 822 | title: 'TBD', 823 | speaker: '$ref(speakers[21])', 824 | type: 3 825 | }, 826 | { 827 | day: 2, 828 | startsAt: 1615, 829 | endsAt: 1645, 830 | speaker: '$ref(speakers[24])', 831 | title: 'Coffee Break', 832 | type: 0 833 | }, 834 | { 835 | day: 2, 836 | startsAt: 1645, 837 | endsAt: 1715, 838 | type: 2, 839 | speaker: '$ref(speakers[7])', 840 | title: 'Dato - a functional way to build reactive applications', 841 | excerpt: 'Dato is a new way of building applications, heavily inspired by Meteor/Firebase/Relay, but informed by functional, data-oriented programming techniques. The goal is to provide: Seamless, permission-aware data synching between the sever and n-clients Seamless, permission-aware rpc invocations A more flexible, intuitive UI layer Advanced tooling layer for time-traveling debuggers, state serialization, component layout, query editing, performance optimizations, and others. Integration on the backend to stream into analytics, session replay, 3rd-party integration' 842 | }, 843 | { 844 | day: 2, 845 | startsAt: 1715, 846 | endsAt: 1800, 847 | speaker: '$ref(speakers[0])', 848 | title: 'CYCLE.JS AND FUNCTIONAL REACTIVE user interfaces', 849 | excerpt: 'React\'s future is going to be more functional, and less OOP. What if that future is already reality? How would it look like? React\'s foundations are reactive rendering and UI as a pure function of state. These two foundations are reactive programming and functional programming, yet React has a lot of concepts from imperative programming. In this talk we will discover how Cycle.js is purely reactive and functional, and why it\'s an interesting alternative to React.', 850 | type: 1 851 | }, 852 | { 853 | day: 2, 854 | startsAt: 1800, 855 | endsAt: 1830, 856 | speaker: '$ref(speakers[23])', 857 | title: 'TBD', 858 | type: 3 859 | }, 860 | { 861 | day: 2, 862 | startsAt: 1830, 863 | endsAt: 1900, 864 | speaker: '$ref(speakers[24])', 865 | title: 'Closing Cerimony', 866 | type: 0 867 | }, 868 | { 869 | day: 2, 870 | startsAt: 1900, 871 | endsAt: 1900, 872 | speaker: '$ref(speakers[24])', 873 | title: 'Door Closing', 874 | type: 0 875 | } 876 | ] 877 | } 878 | -------------------------------------------------------------------------------- /fonts/Raleway-Light.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dzannotti/reactive2015/013866e638b29d869910c8cdc4f3bb31204fd642/fonts/Raleway-Light.ttf -------------------------------------------------------------------------------- /fonts/Raleway-Regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dzannotti/reactive2015/013866e638b29d869910c8cdc4f3bb31204fd642/fonts/Raleway-Regular.ttf -------------------------------------------------------------------------------- /fonts/Raleway-SemiBold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dzannotti/reactive2015/013866e638b29d869910c8cdc4f3bb31204fd642/fonts/Raleway-SemiBold.ttf -------------------------------------------------------------------------------- /fonts/ionicons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dzannotti/reactive2015/013866e638b29d869910c8cdc4f3bb31204fd642/fonts/ionicons.ttf -------------------------------------------------------------------------------- /import-data.js: -------------------------------------------------------------------------------- 1 | import Reindex from 'reindex-js'; 2 | import data from './data/json'; 3 | 4 | const reindex = new Reindex(process.env.REINDEX_URL); 5 | reindex.setToken(process.env.REINDEX_TOKEN); 6 | 7 | function createMutation(name) { 8 | const lowerName = name.toLowerCase(); 9 | return ` 10 | mutation Import${name}(\$${lowerName}: _Create${name}Input!) { 11 | create${name}(input: \$${lowerName}) { 12 | id 13 | } 14 | }`; 15 | } 16 | 17 | function path(obj, path) { 18 | try { 19 | return eval('obj.' + path); 20 | } catch(e) { 21 | console.log('pathing error', e); 22 | return undefined; 23 | } 24 | } 25 | 26 | function resolveRefs(item) { 27 | const refs = {}; 28 | Object.keys(item).forEach((key) => { 29 | if (typeof item[key] !== 'string') { 30 | return; 31 | } 32 | if (item[key].indexOf('$ref') === 0) { 33 | const ref = item[key].match(/\(([^)]+)\)/)[1]; 34 | refs[key] = path(data, ref).id 35 | } 36 | }); 37 | return { 38 | ...item, 39 | ...refs 40 | }; 41 | } 42 | 43 | async function importEntity(entity, mutation, mutationKey) { 44 | for (const idx in data[entity]) { 45 | const item = data[entity][idx]; 46 | const solvedItem = resolveRefs(item); 47 | console.log(solvedItem); 48 | try { 49 | const result = await reindex.query(mutation, { [mutationKey]: solvedItem }); 50 | if (typeof result.errors !== 'undefined') { 51 | console.log(result.errors); 52 | throw "mutation error"; 53 | } 54 | const firstKey = Object.keys(result.data)[0]; 55 | data[entity][idx].id = result.data[firstKey].id; 56 | console.log('created ' + mutationKey + ': ' + result.data[firstKey].id); 57 | console.log(item); 58 | } catch(e) { 59 | console.log('mutation error', e.stack); 60 | throw e; 61 | } 62 | } 63 | return Promise.resolve({}); 64 | } 65 | 66 | 67 | const createCompany = createMutation('Company'); 68 | const createSpeaker = createMutation('Speaker'); 69 | const createSponsor = createMutation('Sponsor'); 70 | const createEvent = createMutation('Event'); 71 | 72 | async function doImport() { 73 | try { 74 | await importEntity('companies', createCompany, 'company'); 75 | await importEntity('sponsors', createSponsor, 'sponsor'); 76 | await importEntity('speakers', createSpeaker, 'speaker'); 77 | await importEntity('events', createEvent, 'event'); 78 | } catch(e) { 79 | console.log('import error', e.stack); 80 | } 81 | console.log('** done **'); 82 | } 83 | 84 | console.log('** importing data **'); 85 | try { 86 | doImport(); 87 | } catch(e) { 88 | console.error(e); 89 | } 90 | -------------------------------------------------------------------------------- /index.android.js: -------------------------------------------------------------------------------- 1 | import React from 'react-native'; 2 | import App from './src/app'; 3 | 4 | const { AppRegistry } = React; 5 | 6 | AppRegistry.registerComponent('reactive2015', () => App); 7 | -------------------------------------------------------------------------------- /index.ios.js: -------------------------------------------------------------------------------- 1 | require('./react-relay'); // inject patch 2 | import React from 'react-native'; 3 | import Relay from 'react-relay'; 4 | import App from './src/app'; 5 | import AppRoute from './src/app-route'; 6 | import Reindex from './reindex'; 7 | import Loader from './src/loader'; 8 | 9 | const { AppRegistry } = React; 10 | 11 | Relay.injectNetworkLayer(Reindex.getRelayNetworkLayer()); 12 | 13 | class ReindexApp extends React.Component { 14 | render() { 15 | return ( 16 | } 20 | /> 21 | ); 22 | } 23 | } 24 | 25 | AppRegistry.registerComponent('reactive2015', () => ReindexApp); 26 | -------------------------------------------------------------------------------- /ios/main.jsbundle: -------------------------------------------------------------------------------- 1 | // Offline JS 2 | // To re-generate the offline bundle, run this from the root of your project: 3 | // 4 | // $ react-native bundle --minify 5 | // 6 | // See http://facebook.github.io/react-native/docs/runningondevice.html for more details. 7 | 8 | throw new Error('Offline JS file is empty. See iOS/main.jsbundle for instructions'); 9 | -------------------------------------------------------------------------------- /ios/reactive2015.xcodeproj/project.pbxproj: -------------------------------------------------------------------------------- 1 | // !$*UTF8*$! 2 | { 3 | archiveVersion = 1; 4 | classes = { 5 | }; 6 | objectVersion = 46; 7 | objects = { 8 | 9 | /* Begin PBXBuildFile section */ 10 | 008F07F31AC5B25A0029DE68 /* main.jsbundle in Resources */ = {isa = PBXBuildFile; fileRef = 008F07F21AC5B25A0029DE68 /* main.jsbundle */; }; 11 | 00C302E51ABCBA2D00DB3ED1 /* libRCTActionSheet.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302AC1ABCB8CE00DB3ED1 /* libRCTActionSheet.a */; }; 12 | 00C302E71ABCBA2D00DB3ED1 /* libRCTGeolocation.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302BA1ABCB90400DB3ED1 /* libRCTGeolocation.a */; }; 13 | 00C302E81ABCBA2D00DB3ED1 /* libRCTImage.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302C01ABCB91800DB3ED1 /* libRCTImage.a */; }; 14 | 00C302E91ABCBA2D00DB3ED1 /* libRCTNetwork.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302DC1ABCB9D200DB3ED1 /* libRCTNetwork.a */; }; 15 | 00C302EA1ABCBA2D00DB3ED1 /* libRCTVibration.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302E41ABCB9EE00DB3ED1 /* libRCTVibration.a */; }; 16 | 00E356F31AD99517003FC87E /* reactive2015Tests.m in Sources */ = {isa = PBXBuildFile; fileRef = 00E356F21AD99517003FC87E /* reactive2015Tests.m */; }; 17 | 133E29F31AD74F7200F7D852 /* libRCTLinking.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 78C398B91ACF4ADC00677621 /* libRCTLinking.a */; }; 18 | 139105C61AF99C1200B5F7CC /* libRCTSettings.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 139105C11AF99BAD00B5F7CC /* libRCTSettings.a */; }; 19 | 139FDEF61B0652A700C62182 /* libRCTWebSocket.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 139FDEF41B06529B00C62182 /* libRCTWebSocket.a */; }; 20 | 13B07FBC1A68108700A75B9A /* AppDelegate.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB01A68108700A75B9A /* AppDelegate.m */; }; 21 | 13B07FBD1A68108700A75B9A /* LaunchScreen.xib in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB11A68108700A75B9A /* LaunchScreen.xib */; }; 22 | 13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB51A68108700A75B9A /* Images.xcassets */; }; 23 | 13B07FC11A68108700A75B9A /* main.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB71A68108700A75B9A /* main.m */; }; 24 | 146834051AC3E58100842450 /* libReact.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 146834041AC3E56700842450 /* libReact.a */; }; 25 | 3E51E4F31BC34C9E00C64BE2 /* ionicons.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 3E51E4F21BC34C9E00C64BE2 /* ionicons.ttf */; }; 26 | 3E51E4F41BC34CB500C64BE2 /* libReactNativeIcons.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 3E51E4F11BC34C2900C64BE2 /* libReactNativeIcons.a */; }; 27 | 3E51E4F71BC45C7900C64BE2 /* Raleway-Light.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 3E51E4F51BC45C7900C64BE2 /* Raleway-Light.ttf */; }; 28 | 3E51E4F81BC45C7900C64BE2 /* Raleway-Regular.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 3E51E4F61BC45C7900C64BE2 /* Raleway-Regular.ttf */; }; 29 | 3E51E4FA1BC461CD00C64BE2 /* Raleway-SemiBold.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 3E51E4F91BC461CD00C64BE2 /* Raleway-SemiBold.ttf */; }; 30 | 3EB91A051BC89B3700F6BA80 /* libRNSpinkit.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 3EB91A041BC89B2F00F6BA80 /* libRNSpinkit.a */; }; 31 | 832341BD1AAA6AB300B99B32 /* libRCTText.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 832341B51AAA6A8300B99B32 /* libRCTText.a */; }; 32 | /* End PBXBuildFile section */ 33 | 34 | /* Begin PBXContainerItemProxy section */ 35 | 00C302AB1ABCB8CE00DB3ED1 /* PBXContainerItemProxy */ = { 36 | isa = PBXContainerItemProxy; 37 | containerPortal = 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */; 38 | proxyType = 2; 39 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 40 | remoteInfo = RCTActionSheet; 41 | }; 42 | 00C302B91ABCB90400DB3ED1 /* PBXContainerItemProxy */ = { 43 | isa = PBXContainerItemProxy; 44 | containerPortal = 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */; 45 | proxyType = 2; 46 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 47 | remoteInfo = RCTGeolocation; 48 | }; 49 | 00C302BF1ABCB91800DB3ED1 /* PBXContainerItemProxy */ = { 50 | isa = PBXContainerItemProxy; 51 | containerPortal = 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */; 52 | proxyType = 2; 53 | remoteGlobalIDString = 58B5115D1A9E6B3D00147676; 54 | remoteInfo = RCTImage; 55 | }; 56 | 00C302DB1ABCB9D200DB3ED1 /* PBXContainerItemProxy */ = { 57 | isa = PBXContainerItemProxy; 58 | containerPortal = 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */; 59 | proxyType = 2; 60 | remoteGlobalIDString = 58B511DB1A9E6C8500147676; 61 | remoteInfo = RCTNetwork; 62 | }; 63 | 00C302E31ABCB9EE00DB3ED1 /* PBXContainerItemProxy */ = { 64 | isa = PBXContainerItemProxy; 65 | containerPortal = 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */; 66 | proxyType = 2; 67 | remoteGlobalIDString = 832C81801AAF6DEF007FA2F7; 68 | remoteInfo = RCTVibration; 69 | }; 70 | 00E356F41AD99517003FC87E /* PBXContainerItemProxy */ = { 71 | isa = PBXContainerItemProxy; 72 | containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */; 73 | proxyType = 1; 74 | remoteGlobalIDString = 13B07F861A680F5B00A75B9A; 75 | remoteInfo = reactive2015; 76 | }; 77 | 139105C01AF99BAD00B5F7CC /* PBXContainerItemProxy */ = { 78 | isa = PBXContainerItemProxy; 79 | containerPortal = 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */; 80 | proxyType = 2; 81 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 82 | remoteInfo = RCTSettings; 83 | }; 84 | 139FDEF31B06529B00C62182 /* PBXContainerItemProxy */ = { 85 | isa = PBXContainerItemProxy; 86 | containerPortal = 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */; 87 | proxyType = 2; 88 | remoteGlobalIDString = 3C86DF461ADF2C930047B81A; 89 | remoteInfo = RCTWebSocket; 90 | }; 91 | 146834031AC3E56700842450 /* PBXContainerItemProxy */ = { 92 | isa = PBXContainerItemProxy; 93 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 94 | proxyType = 2; 95 | remoteGlobalIDString = 83CBBA2E1A601D0E00E9B192; 96 | remoteInfo = React; 97 | }; 98 | 3E51E4F01BC34C2900C64BE2 /* PBXContainerItemProxy */ = { 99 | isa = PBXContainerItemProxy; 100 | containerPortal = 3E51E4E21BC34C2800C64BE2 /* ReactNativeIcons.xcodeproj */; 101 | proxyType = 2; 102 | remoteGlobalIDString = 2F5A3EB81ACDBF8000439386; 103 | remoteInfo = ReactNativeIcons; 104 | }; 105 | 3EB91A031BC89B2F00F6BA80 /* PBXContainerItemProxy */ = { 106 | isa = PBXContainerItemProxy; 107 | containerPortal = 3EB919F41BC89B2F00F6BA80 /* RNSpinkit.xcodeproj */; 108 | proxyType = 2; 109 | remoteGlobalIDString = D42CB3511B2538DE00FD0AE2; 110 | remoteInfo = RNSpinkit; 111 | }; 112 | 78C398B81ACF4ADC00677621 /* PBXContainerItemProxy */ = { 113 | isa = PBXContainerItemProxy; 114 | containerPortal = 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */; 115 | proxyType = 2; 116 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 117 | remoteInfo = RCTLinking; 118 | }; 119 | 832341B41AAA6A8300B99B32 /* PBXContainerItemProxy */ = { 120 | isa = PBXContainerItemProxy; 121 | containerPortal = 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */; 122 | proxyType = 2; 123 | remoteGlobalIDString = 58B5119B1A9E6C1200147676; 124 | remoteInfo = RCTText; 125 | }; 126 | /* End PBXContainerItemProxy section */ 127 | 128 | /* Begin PBXFileReference section */ 129 | 008F07F21AC5B25A0029DE68 /* main.jsbundle */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text; path = main.jsbundle; sourceTree = ""; }; 130 | 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTActionSheet.xcodeproj; path = "../node_modules/react-native/Libraries/ActionSheetIOS/RCTActionSheet.xcodeproj"; sourceTree = ""; }; 131 | 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTGeolocation.xcodeproj; path = "../node_modules/react-native/Libraries/Geolocation/RCTGeolocation.xcodeproj"; sourceTree = ""; }; 132 | 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTImage.xcodeproj; path = "../node_modules/react-native/Libraries/Image/RCTImage.xcodeproj"; sourceTree = ""; }; 133 | 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTNetwork.xcodeproj; path = "../node_modules/react-native/Libraries/Network/RCTNetwork.xcodeproj"; sourceTree = ""; }; 134 | 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTVibration.xcodeproj; path = "../node_modules/react-native/Libraries/Vibration/RCTVibration.xcodeproj"; sourceTree = ""; }; 135 | 00E356EE1AD99517003FC87E /* reactive2015Tests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = reactive2015Tests.xctest; sourceTree = BUILT_PRODUCTS_DIR; }; 136 | 00E356F11AD99517003FC87E /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = ""; }; 137 | 00E356F21AD99517003FC87E /* reactive2015Tests.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = reactive2015Tests.m; sourceTree = ""; }; 138 | 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTSettings.xcodeproj; path = "../node_modules/react-native/Libraries/Settings/RCTSettings.xcodeproj"; sourceTree = ""; }; 139 | 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTWebSocket.xcodeproj; path = "../node_modules/react-native/Libraries/WebSocket/RCTWebSocket.xcodeproj"; sourceTree = ""; }; 140 | 13B07F961A680F5B00A75B9A /* reactive2015.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = reactive2015.app; sourceTree = BUILT_PRODUCTS_DIR; }; 141 | 13B07FAF1A68108700A75B9A /* AppDelegate.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = AppDelegate.h; path = reactive2015/AppDelegate.h; sourceTree = ""; }; 142 | 13B07FB01A68108700A75B9A /* AppDelegate.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = AppDelegate.m; path = reactive2015/AppDelegate.m; sourceTree = ""; }; 143 | 13B07FB21A68108700A75B9A /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.xib; name = Base; path = Base.lproj/LaunchScreen.xib; sourceTree = ""; }; 144 | 13B07FB51A68108700A75B9A /* Images.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; name = Images.xcassets; path = reactive2015/Images.xcassets; sourceTree = ""; }; 145 | 13B07FB61A68108700A75B9A /* Info.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = Info.plist; path = reactive2015/Info.plist; sourceTree = ""; }; 146 | 13B07FB71A68108700A75B9A /* main.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = main.m; path = reactive2015/main.m; sourceTree = ""; }; 147 | 146833FF1AC3E56700842450 /* React.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = React.xcodeproj; path = "../node_modules/react-native/React/React.xcodeproj"; sourceTree = ""; }; 148 | 3E51E4E21BC34C2800C64BE2 /* ReactNativeIcons.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = ReactNativeIcons.xcodeproj; path = "../node_modules/react-native-icons/ios/ReactNativeIcons.xcodeproj"; sourceTree = ""; }; 149 | 3E51E4F21BC34C9E00C64BE2 /* ionicons.ttf */ = {isa = PBXFileReference; lastKnownFileType = file; name = ionicons.ttf; path = ../fonts/ionicons.ttf; sourceTree = ""; }; 150 | 3E51E4F51BC45C7900C64BE2 /* Raleway-Light.ttf */ = {isa = PBXFileReference; lastKnownFileType = file; name = "Raleway-Light.ttf"; path = "../fonts/Raleway-Light.ttf"; sourceTree = ""; }; 151 | 3E51E4F61BC45C7900C64BE2 /* Raleway-Regular.ttf */ = {isa = PBXFileReference; lastKnownFileType = file; name = "Raleway-Regular.ttf"; path = "../fonts/Raleway-Regular.ttf"; sourceTree = ""; }; 152 | 3E51E4F91BC461CD00C64BE2 /* Raleway-SemiBold.ttf */ = {isa = PBXFileReference; lastKnownFileType = file; name = "Raleway-SemiBold.ttf"; path = "../fonts/Raleway-SemiBold.ttf"; sourceTree = ""; }; 153 | 3EB919F41BC89B2F00F6BA80 /* RNSpinkit.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RNSpinkit.xcodeproj; path = "../node_modules/react-native-spinkit/ios/RNSpinkit.xcodeproj"; sourceTree = ""; }; 154 | 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTLinking.xcodeproj; path = "../node_modules/react-native/Libraries/LinkingIOS/RCTLinking.xcodeproj"; sourceTree = ""; }; 155 | 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTText.xcodeproj; path = "../node_modules/react-native/Libraries/Text/RCTText.xcodeproj"; sourceTree = ""; }; 156 | /* End PBXFileReference section */ 157 | 158 | /* Begin PBXFrameworksBuildPhase section */ 159 | 00E356EB1AD99517003FC87E /* Frameworks */ = { 160 | isa = PBXFrameworksBuildPhase; 161 | buildActionMask = 2147483647; 162 | files = ( 163 | ); 164 | runOnlyForDeploymentPostprocessing = 0; 165 | }; 166 | 13B07F8C1A680F5B00A75B9A /* Frameworks */ = { 167 | isa = PBXFrameworksBuildPhase; 168 | buildActionMask = 2147483647; 169 | files = ( 170 | 3EB91A051BC89B3700F6BA80 /* libRNSpinkit.a in Frameworks */, 171 | 3E51E4F41BC34CB500C64BE2 /* libReactNativeIcons.a in Frameworks */, 172 | 146834051AC3E58100842450 /* libReact.a in Frameworks */, 173 | 00C302E51ABCBA2D00DB3ED1 /* libRCTActionSheet.a in Frameworks */, 174 | 00C302E71ABCBA2D00DB3ED1 /* libRCTGeolocation.a in Frameworks */, 175 | 00C302E81ABCBA2D00DB3ED1 /* libRCTImage.a in Frameworks */, 176 | 133E29F31AD74F7200F7D852 /* libRCTLinking.a in Frameworks */, 177 | 00C302E91ABCBA2D00DB3ED1 /* libRCTNetwork.a in Frameworks */, 178 | 139105C61AF99C1200B5F7CC /* libRCTSettings.a in Frameworks */, 179 | 832341BD1AAA6AB300B99B32 /* libRCTText.a in Frameworks */, 180 | 00C302EA1ABCBA2D00DB3ED1 /* libRCTVibration.a in Frameworks */, 181 | 139FDEF61B0652A700C62182 /* libRCTWebSocket.a in Frameworks */, 182 | ); 183 | runOnlyForDeploymentPostprocessing = 0; 184 | }; 185 | /* End PBXFrameworksBuildPhase section */ 186 | 187 | /* Begin PBXGroup section */ 188 | 00C302A81ABCB8CE00DB3ED1 /* Products */ = { 189 | isa = PBXGroup; 190 | children = ( 191 | 00C302AC1ABCB8CE00DB3ED1 /* libRCTActionSheet.a */, 192 | ); 193 | name = Products; 194 | sourceTree = ""; 195 | }; 196 | 00C302B61ABCB90400DB3ED1 /* Products */ = { 197 | isa = PBXGroup; 198 | children = ( 199 | 00C302BA1ABCB90400DB3ED1 /* libRCTGeolocation.a */, 200 | ); 201 | name = Products; 202 | sourceTree = ""; 203 | }; 204 | 00C302BC1ABCB91800DB3ED1 /* Products */ = { 205 | isa = PBXGroup; 206 | children = ( 207 | 00C302C01ABCB91800DB3ED1 /* libRCTImage.a */, 208 | ); 209 | name = Products; 210 | sourceTree = ""; 211 | }; 212 | 00C302D41ABCB9D200DB3ED1 /* Products */ = { 213 | isa = PBXGroup; 214 | children = ( 215 | 00C302DC1ABCB9D200DB3ED1 /* libRCTNetwork.a */, 216 | ); 217 | name = Products; 218 | sourceTree = ""; 219 | }; 220 | 00C302E01ABCB9EE00DB3ED1 /* Products */ = { 221 | isa = PBXGroup; 222 | children = ( 223 | 00C302E41ABCB9EE00DB3ED1 /* libRCTVibration.a */, 224 | ); 225 | name = Products; 226 | sourceTree = ""; 227 | }; 228 | 00E356EF1AD99517003FC87E /* reactive2015Tests */ = { 229 | isa = PBXGroup; 230 | children = ( 231 | 00E356F21AD99517003FC87E /* reactive2015Tests.m */, 232 | 00E356F01AD99517003FC87E /* Supporting Files */, 233 | ); 234 | path = reactive2015Tests; 235 | sourceTree = ""; 236 | }; 237 | 00E356F01AD99517003FC87E /* Supporting Files */ = { 238 | isa = PBXGroup; 239 | children = ( 240 | 00E356F11AD99517003FC87E /* Info.plist */, 241 | ); 242 | name = "Supporting Files"; 243 | sourceTree = ""; 244 | }; 245 | 139105B71AF99BAD00B5F7CC /* Products */ = { 246 | isa = PBXGroup; 247 | children = ( 248 | 139105C11AF99BAD00B5F7CC /* libRCTSettings.a */, 249 | ); 250 | name = Products; 251 | sourceTree = ""; 252 | }; 253 | 139FDEE71B06529A00C62182 /* Products */ = { 254 | isa = PBXGroup; 255 | children = ( 256 | 139FDEF41B06529B00C62182 /* libRCTWebSocket.a */, 257 | ); 258 | name = Products; 259 | sourceTree = ""; 260 | }; 261 | 13B07FAE1A68108700A75B9A /* reactive2015 */ = { 262 | isa = PBXGroup; 263 | children = ( 264 | 008F07F21AC5B25A0029DE68 /* main.jsbundle */, 265 | 13B07FAF1A68108700A75B9A /* AppDelegate.h */, 266 | 13B07FB01A68108700A75B9A /* AppDelegate.m */, 267 | 13B07FB51A68108700A75B9A /* Images.xcassets */, 268 | 13B07FB61A68108700A75B9A /* Info.plist */, 269 | 13B07FB11A68108700A75B9A /* LaunchScreen.xib */, 270 | 13B07FB71A68108700A75B9A /* main.m */, 271 | ); 272 | name = reactive2015; 273 | sourceTree = ""; 274 | }; 275 | 146834001AC3E56700842450 /* Products */ = { 276 | isa = PBXGroup; 277 | children = ( 278 | 146834041AC3E56700842450 /* libReact.a */, 279 | ); 280 | name = Products; 281 | sourceTree = ""; 282 | }; 283 | 3E51E4E31BC34C2800C64BE2 /* Products */ = { 284 | isa = PBXGroup; 285 | children = ( 286 | 3E51E4F11BC34C2900C64BE2 /* libReactNativeIcons.a */, 287 | ); 288 | name = Products; 289 | sourceTree = ""; 290 | }; 291 | 3EB919F51BC89B2F00F6BA80 /* Products */ = { 292 | isa = PBXGroup; 293 | children = ( 294 | 3EB91A041BC89B2F00F6BA80 /* libRNSpinkit.a */, 295 | ); 296 | name = Products; 297 | sourceTree = ""; 298 | }; 299 | 78C398B11ACF4ADC00677621 /* Products */ = { 300 | isa = PBXGroup; 301 | children = ( 302 | 78C398B91ACF4ADC00677621 /* libRCTLinking.a */, 303 | ); 304 | name = Products; 305 | sourceTree = ""; 306 | }; 307 | 832341AE1AAA6A7D00B99B32 /* Libraries */ = { 308 | isa = PBXGroup; 309 | children = ( 310 | 146833FF1AC3E56700842450 /* React.xcodeproj */, 311 | 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */, 312 | 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */, 313 | 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */, 314 | 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */, 315 | 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */, 316 | 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */, 317 | 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */, 318 | 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */, 319 | 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */, 320 | ); 321 | name = Libraries; 322 | sourceTree = ""; 323 | }; 324 | 832341B11AAA6A8300B99B32 /* Products */ = { 325 | isa = PBXGroup; 326 | children = ( 327 | 832341B51AAA6A8300B99B32 /* libRCTText.a */, 328 | ); 329 | name = Products; 330 | sourceTree = ""; 331 | }; 332 | 83CBB9F61A601CBA00E9B192 = { 333 | isa = PBXGroup; 334 | children = ( 335 | 3EB919F41BC89B2F00F6BA80 /* RNSpinkit.xcodeproj */, 336 | 3E51E4F21BC34C9E00C64BE2 /* ionicons.ttf */, 337 | 3E51E4F51BC45C7900C64BE2 /* Raleway-Light.ttf */, 338 | 3E51E4F91BC461CD00C64BE2 /* Raleway-SemiBold.ttf */, 339 | 3E51E4F61BC45C7900C64BE2 /* Raleway-Regular.ttf */, 340 | 3E51E4E21BC34C2800C64BE2 /* ReactNativeIcons.xcodeproj */, 341 | 13B07FAE1A68108700A75B9A /* reactive2015 */, 342 | 832341AE1AAA6A7D00B99B32 /* Libraries */, 343 | 00E356EF1AD99517003FC87E /* reactive2015Tests */, 344 | 83CBBA001A601CBA00E9B192 /* Products */, 345 | ); 346 | indentWidth = 2; 347 | sourceTree = ""; 348 | tabWidth = 2; 349 | }; 350 | 83CBBA001A601CBA00E9B192 /* Products */ = { 351 | isa = PBXGroup; 352 | children = ( 353 | 13B07F961A680F5B00A75B9A /* reactive2015.app */, 354 | 00E356EE1AD99517003FC87E /* reactive2015Tests.xctest */, 355 | ); 356 | name = Products; 357 | sourceTree = ""; 358 | }; 359 | /* End PBXGroup section */ 360 | 361 | /* Begin PBXNativeTarget section */ 362 | 00E356ED1AD99517003FC87E /* reactive2015Tests */ = { 363 | isa = PBXNativeTarget; 364 | buildConfigurationList = 00E357021AD99517003FC87E /* Build configuration list for PBXNativeTarget "reactive2015Tests" */; 365 | buildPhases = ( 366 | 00E356EA1AD99517003FC87E /* Sources */, 367 | 00E356EB1AD99517003FC87E /* Frameworks */, 368 | 00E356EC1AD99517003FC87E /* Resources */, 369 | ); 370 | buildRules = ( 371 | ); 372 | dependencies = ( 373 | 00E356F51AD99517003FC87E /* PBXTargetDependency */, 374 | ); 375 | name = reactive2015Tests; 376 | productName = reactive2015Tests; 377 | productReference = 00E356EE1AD99517003FC87E /* reactive2015Tests.xctest */; 378 | productType = "com.apple.product-type.bundle.unit-test"; 379 | }; 380 | 13B07F861A680F5B00A75B9A /* reactive2015 */ = { 381 | isa = PBXNativeTarget; 382 | buildConfigurationList = 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "reactive2015" */; 383 | buildPhases = ( 384 | 13B07F871A680F5B00A75B9A /* Sources */, 385 | 13B07F8C1A680F5B00A75B9A /* Frameworks */, 386 | 13B07F8E1A680F5B00A75B9A /* Resources */, 387 | ); 388 | buildRules = ( 389 | ); 390 | dependencies = ( 391 | ); 392 | name = reactive2015; 393 | productName = "Hello World"; 394 | productReference = 13B07F961A680F5B00A75B9A /* reactive2015.app */; 395 | productType = "com.apple.product-type.application"; 396 | }; 397 | /* End PBXNativeTarget section */ 398 | 399 | /* Begin PBXProject section */ 400 | 83CBB9F71A601CBA00E9B192 /* Project object */ = { 401 | isa = PBXProject; 402 | attributes = { 403 | LastUpgradeCheck = 0610; 404 | ORGANIZATIONNAME = Facebook; 405 | TargetAttributes = { 406 | 00E356ED1AD99517003FC87E = { 407 | CreatedOnToolsVersion = 6.2; 408 | TestTargetID = 13B07F861A680F5B00A75B9A; 409 | }; 410 | }; 411 | }; 412 | buildConfigurationList = 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "reactive2015" */; 413 | compatibilityVersion = "Xcode 3.2"; 414 | developmentRegion = English; 415 | hasScannedForEncodings = 0; 416 | knownRegions = ( 417 | en, 418 | Base, 419 | ); 420 | mainGroup = 83CBB9F61A601CBA00E9B192; 421 | productRefGroup = 83CBBA001A601CBA00E9B192 /* Products */; 422 | projectDirPath = ""; 423 | projectReferences = ( 424 | { 425 | ProductGroup = 00C302A81ABCB8CE00DB3ED1 /* Products */; 426 | ProjectRef = 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */; 427 | }, 428 | { 429 | ProductGroup = 00C302B61ABCB90400DB3ED1 /* Products */; 430 | ProjectRef = 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */; 431 | }, 432 | { 433 | ProductGroup = 00C302BC1ABCB91800DB3ED1 /* Products */; 434 | ProjectRef = 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */; 435 | }, 436 | { 437 | ProductGroup = 78C398B11ACF4ADC00677621 /* Products */; 438 | ProjectRef = 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */; 439 | }, 440 | { 441 | ProductGroup = 00C302D41ABCB9D200DB3ED1 /* Products */; 442 | ProjectRef = 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */; 443 | }, 444 | { 445 | ProductGroup = 139105B71AF99BAD00B5F7CC /* Products */; 446 | ProjectRef = 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */; 447 | }, 448 | { 449 | ProductGroup = 832341B11AAA6A8300B99B32 /* Products */; 450 | ProjectRef = 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */; 451 | }, 452 | { 453 | ProductGroup = 00C302E01ABCB9EE00DB3ED1 /* Products */; 454 | ProjectRef = 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */; 455 | }, 456 | { 457 | ProductGroup = 139FDEE71B06529A00C62182 /* Products */; 458 | ProjectRef = 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */; 459 | }, 460 | { 461 | ProductGroup = 146834001AC3E56700842450 /* Products */; 462 | ProjectRef = 146833FF1AC3E56700842450 /* React.xcodeproj */; 463 | }, 464 | { 465 | ProductGroup = 3E51E4E31BC34C2800C64BE2 /* Products */; 466 | ProjectRef = 3E51E4E21BC34C2800C64BE2 /* ReactNativeIcons.xcodeproj */; 467 | }, 468 | { 469 | ProductGroup = 3EB919F51BC89B2F00F6BA80 /* Products */; 470 | ProjectRef = 3EB919F41BC89B2F00F6BA80 /* RNSpinkit.xcodeproj */; 471 | }, 472 | ); 473 | projectRoot = ""; 474 | targets = ( 475 | 13B07F861A680F5B00A75B9A /* reactive2015 */, 476 | 00E356ED1AD99517003FC87E /* reactive2015Tests */, 477 | ); 478 | }; 479 | /* End PBXProject section */ 480 | 481 | /* Begin PBXReferenceProxy section */ 482 | 00C302AC1ABCB8CE00DB3ED1 /* libRCTActionSheet.a */ = { 483 | isa = PBXReferenceProxy; 484 | fileType = archive.ar; 485 | path = libRCTActionSheet.a; 486 | remoteRef = 00C302AB1ABCB8CE00DB3ED1 /* PBXContainerItemProxy */; 487 | sourceTree = BUILT_PRODUCTS_DIR; 488 | }; 489 | 00C302BA1ABCB90400DB3ED1 /* libRCTGeolocation.a */ = { 490 | isa = PBXReferenceProxy; 491 | fileType = archive.ar; 492 | path = libRCTGeolocation.a; 493 | remoteRef = 00C302B91ABCB90400DB3ED1 /* PBXContainerItemProxy */; 494 | sourceTree = BUILT_PRODUCTS_DIR; 495 | }; 496 | 00C302C01ABCB91800DB3ED1 /* libRCTImage.a */ = { 497 | isa = PBXReferenceProxy; 498 | fileType = archive.ar; 499 | path = libRCTImage.a; 500 | remoteRef = 00C302BF1ABCB91800DB3ED1 /* PBXContainerItemProxy */; 501 | sourceTree = BUILT_PRODUCTS_DIR; 502 | }; 503 | 00C302DC1ABCB9D200DB3ED1 /* libRCTNetwork.a */ = { 504 | isa = PBXReferenceProxy; 505 | fileType = archive.ar; 506 | path = libRCTNetwork.a; 507 | remoteRef = 00C302DB1ABCB9D200DB3ED1 /* PBXContainerItemProxy */; 508 | sourceTree = BUILT_PRODUCTS_DIR; 509 | }; 510 | 00C302E41ABCB9EE00DB3ED1 /* libRCTVibration.a */ = { 511 | isa = PBXReferenceProxy; 512 | fileType = archive.ar; 513 | path = libRCTVibration.a; 514 | remoteRef = 00C302E31ABCB9EE00DB3ED1 /* PBXContainerItemProxy */; 515 | sourceTree = BUILT_PRODUCTS_DIR; 516 | }; 517 | 139105C11AF99BAD00B5F7CC /* libRCTSettings.a */ = { 518 | isa = PBXReferenceProxy; 519 | fileType = archive.ar; 520 | path = libRCTSettings.a; 521 | remoteRef = 139105C01AF99BAD00B5F7CC /* PBXContainerItemProxy */; 522 | sourceTree = BUILT_PRODUCTS_DIR; 523 | }; 524 | 139FDEF41B06529B00C62182 /* libRCTWebSocket.a */ = { 525 | isa = PBXReferenceProxy; 526 | fileType = archive.ar; 527 | path = libRCTWebSocket.a; 528 | remoteRef = 139FDEF31B06529B00C62182 /* PBXContainerItemProxy */; 529 | sourceTree = BUILT_PRODUCTS_DIR; 530 | }; 531 | 146834041AC3E56700842450 /* libReact.a */ = { 532 | isa = PBXReferenceProxy; 533 | fileType = archive.ar; 534 | path = libReact.a; 535 | remoteRef = 146834031AC3E56700842450 /* PBXContainerItemProxy */; 536 | sourceTree = BUILT_PRODUCTS_DIR; 537 | }; 538 | 3E51E4F11BC34C2900C64BE2 /* libReactNativeIcons.a */ = { 539 | isa = PBXReferenceProxy; 540 | fileType = archive.ar; 541 | path = libReactNativeIcons.a; 542 | remoteRef = 3E51E4F01BC34C2900C64BE2 /* PBXContainerItemProxy */; 543 | sourceTree = BUILT_PRODUCTS_DIR; 544 | }; 545 | 3EB91A041BC89B2F00F6BA80 /* libRNSpinkit.a */ = { 546 | isa = PBXReferenceProxy; 547 | fileType = archive.ar; 548 | path = libRNSpinkit.a; 549 | remoteRef = 3EB91A031BC89B2F00F6BA80 /* PBXContainerItemProxy */; 550 | sourceTree = BUILT_PRODUCTS_DIR; 551 | }; 552 | 78C398B91ACF4ADC00677621 /* libRCTLinking.a */ = { 553 | isa = PBXReferenceProxy; 554 | fileType = archive.ar; 555 | path = libRCTLinking.a; 556 | remoteRef = 78C398B81ACF4ADC00677621 /* PBXContainerItemProxy */; 557 | sourceTree = BUILT_PRODUCTS_DIR; 558 | }; 559 | 832341B51AAA6A8300B99B32 /* libRCTText.a */ = { 560 | isa = PBXReferenceProxy; 561 | fileType = archive.ar; 562 | path = libRCTText.a; 563 | remoteRef = 832341B41AAA6A8300B99B32 /* PBXContainerItemProxy */; 564 | sourceTree = BUILT_PRODUCTS_DIR; 565 | }; 566 | /* End PBXReferenceProxy section */ 567 | 568 | /* Begin PBXResourcesBuildPhase section */ 569 | 00E356EC1AD99517003FC87E /* Resources */ = { 570 | isa = PBXResourcesBuildPhase; 571 | buildActionMask = 2147483647; 572 | files = ( 573 | ); 574 | runOnlyForDeploymentPostprocessing = 0; 575 | }; 576 | 13B07F8E1A680F5B00A75B9A /* Resources */ = { 577 | isa = PBXResourcesBuildPhase; 578 | buildActionMask = 2147483647; 579 | files = ( 580 | 008F07F31AC5B25A0029DE68 /* main.jsbundle in Resources */, 581 | 3E51E4F81BC45C7900C64BE2 /* Raleway-Regular.ttf in Resources */, 582 | 3E51E4F71BC45C7900C64BE2 /* Raleway-Light.ttf in Resources */, 583 | 13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */, 584 | 3E51E4F31BC34C9E00C64BE2 /* ionicons.ttf in Resources */, 585 | 13B07FBD1A68108700A75B9A /* LaunchScreen.xib in Resources */, 586 | 3E51E4FA1BC461CD00C64BE2 /* Raleway-SemiBold.ttf in Resources */, 587 | ); 588 | runOnlyForDeploymentPostprocessing = 0; 589 | }; 590 | /* End PBXResourcesBuildPhase section */ 591 | 592 | /* Begin PBXSourcesBuildPhase section */ 593 | 00E356EA1AD99517003FC87E /* Sources */ = { 594 | isa = PBXSourcesBuildPhase; 595 | buildActionMask = 2147483647; 596 | files = ( 597 | 00E356F31AD99517003FC87E /* reactive2015Tests.m in Sources */, 598 | ); 599 | runOnlyForDeploymentPostprocessing = 0; 600 | }; 601 | 13B07F871A680F5B00A75B9A /* Sources */ = { 602 | isa = PBXSourcesBuildPhase; 603 | buildActionMask = 2147483647; 604 | files = ( 605 | 13B07FBC1A68108700A75B9A /* AppDelegate.m in Sources */, 606 | 13B07FC11A68108700A75B9A /* main.m in Sources */, 607 | ); 608 | runOnlyForDeploymentPostprocessing = 0; 609 | }; 610 | /* End PBXSourcesBuildPhase section */ 611 | 612 | /* Begin PBXTargetDependency section */ 613 | 00E356F51AD99517003FC87E /* PBXTargetDependency */ = { 614 | isa = PBXTargetDependency; 615 | target = 13B07F861A680F5B00A75B9A /* reactive2015 */; 616 | targetProxy = 00E356F41AD99517003FC87E /* PBXContainerItemProxy */; 617 | }; 618 | /* End PBXTargetDependency section */ 619 | 620 | /* Begin PBXVariantGroup section */ 621 | 13B07FB11A68108700A75B9A /* LaunchScreen.xib */ = { 622 | isa = PBXVariantGroup; 623 | children = ( 624 | 13B07FB21A68108700A75B9A /* Base */, 625 | ); 626 | name = LaunchScreen.xib; 627 | path = reactive2015; 628 | sourceTree = ""; 629 | }; 630 | /* End PBXVariantGroup section */ 631 | 632 | /* Begin XCBuildConfiguration section */ 633 | 00E356F61AD99517003FC87E /* Debug */ = { 634 | isa = XCBuildConfiguration; 635 | buildSettings = { 636 | BUNDLE_LOADER = "$(TEST_HOST)"; 637 | FRAMEWORK_SEARCH_PATHS = ( 638 | "$(SDKROOT)/Developer/Library/Frameworks", 639 | "$(inherited)", 640 | ); 641 | GCC_PREPROCESSOR_DEFINITIONS = ( 642 | "DEBUG=1", 643 | "$(inherited)", 644 | ); 645 | INFOPLIST_FILE = reactive2015Tests/Info.plist; 646 | IPHONEOS_DEPLOYMENT_TARGET = 8.2; 647 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks"; 648 | PRODUCT_NAME = "$(TARGET_NAME)"; 649 | TEST_HOST = "$(BUILT_PRODUCTS_DIR)/reactive2015.app/reactive2015"; 650 | }; 651 | name = Debug; 652 | }; 653 | 00E356F71AD99517003FC87E /* Release */ = { 654 | isa = XCBuildConfiguration; 655 | buildSettings = { 656 | BUNDLE_LOADER = "$(TEST_HOST)"; 657 | COPY_PHASE_STRIP = NO; 658 | FRAMEWORK_SEARCH_PATHS = ( 659 | "$(SDKROOT)/Developer/Library/Frameworks", 660 | "$(inherited)", 661 | ); 662 | INFOPLIST_FILE = reactive2015Tests/Info.plist; 663 | IPHONEOS_DEPLOYMENT_TARGET = 8.2; 664 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks"; 665 | PRODUCT_NAME = "$(TARGET_NAME)"; 666 | TEST_HOST = "$(BUILT_PRODUCTS_DIR)/reactive2015.app/reactive2015"; 667 | }; 668 | name = Release; 669 | }; 670 | 13B07F941A680F5B00A75B9A /* Debug */ = { 671 | isa = XCBuildConfiguration; 672 | buildSettings = { 673 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; 674 | HEADER_SEARCH_PATHS = ( 675 | "$(inherited)", 676 | /Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/include, 677 | "$(SRCROOT)/../node_modules/react-native/React/**", 678 | ); 679 | INFOPLIST_FILE = reactive2015/Info.plist; 680 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 681 | OTHER_LDFLAGS = "-ObjC"; 682 | PRODUCT_NAME = reactive2015; 683 | }; 684 | name = Debug; 685 | }; 686 | 13B07F951A680F5B00A75B9A /* Release */ = { 687 | isa = XCBuildConfiguration; 688 | buildSettings = { 689 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; 690 | HEADER_SEARCH_PATHS = ( 691 | "$(inherited)", 692 | /Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/include, 693 | "$(SRCROOT)/../node_modules/react-native/React/**", 694 | ); 695 | INFOPLIST_FILE = reactive2015/Info.plist; 696 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 697 | OTHER_LDFLAGS = "-ObjC"; 698 | PRODUCT_NAME = reactive2015; 699 | }; 700 | name = Release; 701 | }; 702 | 83CBBA201A601CBA00E9B192 /* Debug */ = { 703 | isa = XCBuildConfiguration; 704 | buildSettings = { 705 | ALWAYS_SEARCH_USER_PATHS = NO; 706 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x"; 707 | CLANG_CXX_LIBRARY = "libc++"; 708 | CLANG_ENABLE_MODULES = YES; 709 | CLANG_ENABLE_OBJC_ARC = YES; 710 | CLANG_WARN_BOOL_CONVERSION = YES; 711 | CLANG_WARN_CONSTANT_CONVERSION = YES; 712 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 713 | CLANG_WARN_EMPTY_BODY = YES; 714 | CLANG_WARN_ENUM_CONVERSION = YES; 715 | CLANG_WARN_INT_CONVERSION = YES; 716 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 717 | CLANG_WARN_UNREACHABLE_CODE = YES; 718 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 719 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer"; 720 | COPY_PHASE_STRIP = NO; 721 | ENABLE_STRICT_OBJC_MSGSEND = YES; 722 | GCC_C_LANGUAGE_STANDARD = gnu99; 723 | GCC_DYNAMIC_NO_PIC = NO; 724 | GCC_OPTIMIZATION_LEVEL = 0; 725 | GCC_PREPROCESSOR_DEFINITIONS = ( 726 | "DEBUG=1", 727 | "$(inherited)", 728 | ); 729 | GCC_SYMBOLS_PRIVATE_EXTERN = NO; 730 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 731 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 732 | GCC_WARN_UNDECLARED_SELECTOR = YES; 733 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 734 | GCC_WARN_UNUSED_FUNCTION = YES; 735 | GCC_WARN_UNUSED_VARIABLE = YES; 736 | HEADER_SEARCH_PATHS = ( 737 | "$(inherited)", 738 | /Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/include, 739 | "$(SRCROOT)/../node_modules/react-native/React/**", 740 | ); 741 | IPHONEOS_DEPLOYMENT_TARGET = 7.0; 742 | MTL_ENABLE_DEBUG_INFO = YES; 743 | ONLY_ACTIVE_ARCH = YES; 744 | SDKROOT = iphoneos; 745 | }; 746 | name = Debug; 747 | }; 748 | 83CBBA211A601CBA00E9B192 /* Release */ = { 749 | isa = XCBuildConfiguration; 750 | buildSettings = { 751 | ALWAYS_SEARCH_USER_PATHS = NO; 752 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x"; 753 | CLANG_CXX_LIBRARY = "libc++"; 754 | CLANG_ENABLE_MODULES = YES; 755 | CLANG_ENABLE_OBJC_ARC = YES; 756 | CLANG_WARN_BOOL_CONVERSION = YES; 757 | CLANG_WARN_CONSTANT_CONVERSION = YES; 758 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 759 | CLANG_WARN_EMPTY_BODY = YES; 760 | CLANG_WARN_ENUM_CONVERSION = YES; 761 | CLANG_WARN_INT_CONVERSION = YES; 762 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 763 | CLANG_WARN_UNREACHABLE_CODE = YES; 764 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 765 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer"; 766 | COPY_PHASE_STRIP = YES; 767 | ENABLE_NS_ASSERTIONS = NO; 768 | ENABLE_STRICT_OBJC_MSGSEND = YES; 769 | GCC_C_LANGUAGE_STANDARD = gnu99; 770 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 771 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 772 | GCC_WARN_UNDECLARED_SELECTOR = YES; 773 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 774 | GCC_WARN_UNUSED_FUNCTION = YES; 775 | GCC_WARN_UNUSED_VARIABLE = YES; 776 | HEADER_SEARCH_PATHS = ( 777 | "$(inherited)", 778 | /Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/include, 779 | "$(SRCROOT)/../node_modules/react-native/React/**", 780 | ); 781 | IPHONEOS_DEPLOYMENT_TARGET = 7.0; 782 | MTL_ENABLE_DEBUG_INFO = NO; 783 | SDKROOT = iphoneos; 784 | VALIDATE_PRODUCT = YES; 785 | }; 786 | name = Release; 787 | }; 788 | /* End XCBuildConfiguration section */ 789 | 790 | /* Begin XCConfigurationList section */ 791 | 00E357021AD99517003FC87E /* Build configuration list for PBXNativeTarget "reactive2015Tests" */ = { 792 | isa = XCConfigurationList; 793 | buildConfigurations = ( 794 | 00E356F61AD99517003FC87E /* Debug */, 795 | 00E356F71AD99517003FC87E /* Release */, 796 | ); 797 | defaultConfigurationIsVisible = 0; 798 | defaultConfigurationName = Release; 799 | }; 800 | 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "reactive2015" */ = { 801 | isa = XCConfigurationList; 802 | buildConfigurations = ( 803 | 13B07F941A680F5B00A75B9A /* Debug */, 804 | 13B07F951A680F5B00A75B9A /* Release */, 805 | ); 806 | defaultConfigurationIsVisible = 0; 807 | defaultConfigurationName = Release; 808 | }; 809 | 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "reactive2015" */ = { 810 | isa = XCConfigurationList; 811 | buildConfigurations = ( 812 | 83CBBA201A601CBA00E9B192 /* Debug */, 813 | 83CBBA211A601CBA00E9B192 /* Release */, 814 | ); 815 | defaultConfigurationIsVisible = 0; 816 | defaultConfigurationName = Release; 817 | }; 818 | /* End XCConfigurationList section */ 819 | }; 820 | rootObject = 83CBB9F71A601CBA00E9B192 /* Project object */; 821 | } 822 | -------------------------------------------------------------------------------- /ios/reactive2015.xcodeproj/xcshareddata/xcschemes/reactive2015.xcscheme: -------------------------------------------------------------------------------- 1 | 2 | 5 | 8 | 9 | 15 | 21 | 22 | 23 | 29 | 35 | 36 | 37 | 38 | 39 | 44 | 45 | 47 | 53 | 54 | 55 | 56 | 57 | 63 | 64 | 65 | 66 | 75 | 77 | 83 | 84 | 85 | 86 | 87 | 88 | 94 | 96 | 102 | 103 | 104 | 105 | 107 | 108 | 111 | 112 | 113 | -------------------------------------------------------------------------------- /ios/reactive2015/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/reactive2015/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 "RCTRootView.h" 13 | 14 | @implementation AppDelegate 15 | 16 | - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions 17 | { 18 | NSURL *jsCodeLocation; 19 | 20 | /** 21 | * Loading JavaScript code - uncomment the one you want. 22 | * 23 | * OPTION 1 24 | * Load from development server. Start the server from the repository root: 25 | * 26 | * $ npm start 27 | * 28 | * To run on device, change `localhost` to the IP address of your computer 29 | * (you can get this by typing `ifconfig` into the terminal and selecting the 30 | * `inet` value under `en0:`) and make sure your computer and iOS device are 31 | * on the same Wi-Fi network. 32 | */ 33 | 34 | jsCodeLocation = [NSURL URLWithString:@"http://localhost:8081/index.ios.bundle?platform=ios&dev=true"]; 35 | 36 | /** 37 | * OPTION 2 38 | * Load from pre-bundled file on disk. To re-generate the static bundle 39 | * from the root of your project directory, run 40 | * 41 | * $ react-native bundle --minify 42 | * 43 | * see http://facebook.github.io/react-native/docs/runningondevice.html 44 | */ 45 | 46 | // jsCodeLocation = [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"jsbundle"]; 47 | 48 | RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation 49 | moduleName:@"reactive2015" 50 | initialProperties:nil 51 | launchOptions:launchOptions]; 52 | 53 | self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds]; 54 | UIViewController *rootViewController = [[UIViewController alloc] init]; 55 | rootViewController.view = rootView; 56 | self.window.rootViewController = rootViewController; 57 | [self.window makeKeyAndVisible]; 58 | return YES; 59 | } 60 | 61 | @end 62 | -------------------------------------------------------------------------------- /ios/reactive2015/Base.lproj/LaunchScreen.xib: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | -------------------------------------------------------------------------------- /ios/reactive2015/Images.xcassets/AppIcon.appiconset/Contents.json: -------------------------------------------------------------------------------- 1 | { 2 | "images" : [ 3 | { 4 | "idiom" : "iphone", 5 | "size" : "29x29", 6 | "scale" : "2x" 7 | }, 8 | { 9 | "idiom" : "iphone", 10 | "size" : "29x29", 11 | "scale" : "3x" 12 | }, 13 | { 14 | "idiom" : "iphone", 15 | "size" : "40x40", 16 | "scale" : "2x" 17 | }, 18 | { 19 | "idiom" : "iphone", 20 | "size" : "40x40", 21 | "scale" : "3x" 22 | }, 23 | { 24 | "idiom" : "iphone", 25 | "size" : "60x60", 26 | "scale" : "2x" 27 | }, 28 | { 29 | "idiom" : "iphone", 30 | "size" : "60x60", 31 | "scale" : "3x" 32 | } 33 | ], 34 | "info" : { 35 | "version" : 1, 36 | "author" : "xcode" 37 | } 38 | } -------------------------------------------------------------------------------- /ios/reactive2015/Images.xcassets/logo.imageset/Contents.json: -------------------------------------------------------------------------------- 1 | { 2 | "images" : [ 3 | { 4 | "idiom" : "universal", 5 | "scale" : "1x", 6 | "filename" : "logo.png" 7 | }, 8 | { 9 | "idiom" : "universal", 10 | "scale" : "2x", 11 | "filename" : "logo-1.png" 12 | }, 13 | { 14 | "idiom" : "universal", 15 | "scale" : "3x", 16 | "filename" : "logo-2.png" 17 | } 18 | ], 19 | "info" : { 20 | "version" : 1, 21 | "author" : "xcode" 22 | } 23 | } -------------------------------------------------------------------------------- /ios/reactive2015/Images.xcassets/logo.imageset/logo-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dzannotti/reactive2015/013866e638b29d869910c8cdc4f3bb31204fd642/ios/reactive2015/Images.xcassets/logo.imageset/logo-1.png -------------------------------------------------------------------------------- /ios/reactive2015/Images.xcassets/logo.imageset/logo-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dzannotti/reactive2015/013866e638b29d869910c8cdc4f3bb31204fd642/ios/reactive2015/Images.xcassets/logo.imageset/logo-2.png -------------------------------------------------------------------------------- /ios/reactive2015/Images.xcassets/logo.imageset/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dzannotti/reactive2015/013866e638b29d869910c8cdc4f3bb31204fd642/ios/reactive2015/Images.xcassets/logo.imageset/logo.png -------------------------------------------------------------------------------- /ios/reactive2015/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 | UIAppFonts 42 | 43 | Raleway-SemiBold.ttf 44 | ionicons.ttf 45 | Raleway-Light.ttf 46 | Raleway-Regular.ttf 47 | 48 | NSAppTransportSecurity 49 | 50 | NSAllowsArbitraryLoads 51 | 52 | 53 | 54 | 55 | -------------------------------------------------------------------------------- /ios/reactive2015/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/reactive2015Tests/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/reactive2015Tests/reactive2015Tests.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 "RCTLog.h" 14 | #import "RCTRootView.h" 15 | 16 | #define TIMEOUT_SECONDS 240 17 | #define TEXT_TO_LOOK_FOR @"Welcome to React Native!" 18 | 19 | @interface reactive2015Tests : XCTestCase 20 | 21 | @end 22 | 23 | @implementation reactive2015Tests 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 = [[[[UIApplication sharedApplication] delegate] window] rootViewController]; 41 | NSDate *date = [NSDate dateWithTimeIntervalSinceNow:TIMEOUT_SECONDS]; 42 | BOOL foundElement = NO; 43 | 44 | __block NSString *redboxError = nil; 45 | RCTSetLogFunction(^(RCTLogLevel level, 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": "reactive2015", 3 | "version": "0.0.1", 4 | "license": "MIT", 5 | "scripts": { 6 | "start": "export REINDEX_URL='https://elected-reactor-20.myreindex.com' && node_modules/react-native/packager/packager.sh", 7 | "lint": "eslint src", 8 | "import-data": "source ./reindex-env.sh && babel-node import-data.js", 9 | "graphiql": "source ./reindex-env.sh && reindex graphiql", 10 | "schema-fetch": "source ./reindex-env.sh && reindex schema-fetch", 11 | "schema-push": "source ./reindex-env.sh && reindex schema-push --force", 12 | "schema-relay": "source ./reindex-env.sh && reindex schema-relay data/schema.json" 13 | }, 14 | "dependencies": { 15 | "babel": "^5.8.23", 16 | "react-mixin": "^3.0.0", 17 | "react-native": "0.11.4", 18 | "react-native-accordion": "^0.2.2", 19 | "react-native-browser-polyfill": "^0.1.1", 20 | "react-native-icons": "^0.4.0", 21 | "react-native-parallax": "^0.1.3", 22 | "react-native-spinkit": "0.0.5", 23 | "react-relay": "tmitchel2/relay", 24 | "reindex-js": "^0.3.0" 25 | }, 26 | "devDependencies": { 27 | "babel-eslint": "^4.1.3", 28 | "babel-relay-plugin": "^0.2.6", 29 | "eslint": "^1.6.0", 30 | "eslint-config-airbnb": "^0.1.0", 31 | "eslint-plugin-react": "^3.5.1", 32 | "reindex-cli": "^0.3.1" 33 | } 34 | } 35 | -------------------------------------------------------------------------------- /react-native-lightbox/index.js: -------------------------------------------------------------------------------- 1 | /** 2 | * @providesModule Lightbox 3 | */ 4 | 'use strict'; 5 | 6 | var React = require('react-native'); 7 | var { 8 | PropTypes, 9 | View, 10 | Text, 11 | Animated, 12 | StyleSheet, 13 | Dimensions, 14 | LayoutAnimation, 15 | PanResponder, 16 | TouchableHighlight, 17 | TouchableOpacity, 18 | StatusBarIOS, 19 | Modal, 20 | Children, 21 | cloneElement, 22 | } = React; 23 | 24 | var WINDOW_HEIGHT = Dimensions.get('window').height; 25 | var WINDOW_WIDTH = Dimensions.get('window').width; 26 | var SPRING_CONFIG = { tension: 20, friction: 6 }; 27 | var DRAG_DISMISS_THRESHOLD = 150; 28 | 29 | var Lightbox = React.createClass({ 30 | propTypes: { 31 | activeProps: PropTypes.object, 32 | header: PropTypes.element, 33 | underlayColor: PropTypes.string, 34 | onOpen: PropTypes.func, 35 | onClose: PropTypes.func, 36 | swipeToDismiss: PropTypes.bool, 37 | }, 38 | getDefaultProps: function() { 39 | return { 40 | swipeToDismiss: true, 41 | onOpen: () => {}, 42 | onClose: () => {}, 43 | }; 44 | }, 45 | 46 | getInitialState: function() { 47 | return { 48 | isOpen: false, 49 | isAnimating: false, 50 | isPanning: false, 51 | width: 0, 52 | height: 0, 53 | target: { 54 | x: 0, 55 | y: 0, 56 | opacity: 1, 57 | }, 58 | origin: { 59 | x: 0, 60 | y: 0, 61 | opacity: 0, 62 | }, 63 | pan: new Animated.Value(0), 64 | openVal: new Animated.Value(0), 65 | layoutOpacity: new Animated.Value(1), 66 | }; 67 | }, 68 | 69 | componentWillMount: function() { 70 | this._panResponder = PanResponder.create({ 71 | // Ask to be the responder: 72 | onStartShouldSetPanResponder: () => !this.state.isAnimating, 73 | onMoveShouldSetPanResponder: () => !this.state.isAnimating, 74 | 75 | 76 | onPanResponderGrant: (evt, gestureState) => { 77 | this.state.pan.setValue(0); 78 | this.setState({ isPanning: true }); 79 | }, 80 | onPanResponderMove: Animated.event([ 81 | null, 82 | {dy: this.state.pan} 83 | ]), 84 | onPanResponderTerminationRequest: (evt, gestureState) => true, 85 | onPanResponderRelease: (evt, gestureState) => { 86 | if(Math.abs(gestureState.dy) > DRAG_DISMISS_THRESHOLD) { 87 | this.setState({ 88 | isPanning: false, 89 | target: { 90 | y: gestureState.dy, 91 | x: gestureState.dx, 92 | opacity: 1 - Math.abs(gestureState.dy / WINDOW_HEIGHT) 93 | } 94 | }); 95 | this.close(); 96 | } else { 97 | Animated.spring( 98 | this.state.pan, 99 | {toValue: 0, ...SPRING_CONFIG} 100 | ).start(() => { this.setState({ isPanning: false }); }); 101 | } 102 | }, 103 | }); 104 | }, 105 | 106 | toggle: function() { 107 | if(this.state.isOpen) { 108 | this.close(); 109 | } else { 110 | this.open(); 111 | } 112 | }, 113 | 114 | open: function() { 115 | this._root.measure((ox, oy, width, height, px, py) => { 116 | if(StatusBarIOS) { 117 | StatusBarIOS.setHidden(true, 'fade'); 118 | } 119 | this.props.onOpen(); 120 | this.state.pan.setValue(0); 121 | 122 | this.setState({ 123 | isOpen: true, 124 | isAnimating: true, 125 | isClosing: false, 126 | width, 127 | height, 128 | target: { 129 | x: 0, 130 | y: 0, 131 | opacity: 1, 132 | }, 133 | origin: { 134 | x: px, 135 | y: py, 136 | opacity: 0, 137 | }, 138 | }, () => { 139 | this.state.layoutOpacity.setValue(0); 140 | Animated.spring( 141 | this.state.openVal, 142 | { toValue: 1, ...SPRING_CONFIG } 143 | ).start(() => this.setState({ isAnimating: false })); 144 | }); 145 | }); 146 | }, 147 | 148 | close: function() { 149 | if(StatusBarIOS) { 150 | StatusBarIOS.setHidden(false, 'fade'); 151 | } 152 | this.setState({ 153 | isAnimating: true, 154 | isClosing: true 155 | }); 156 | Animated.spring( 157 | this.state.openVal, 158 | { toValue: 0, ...SPRING_CONFIG } 159 | ).start(() => { 160 | this.state.layoutOpacity.setValue(1); 161 | // Delay isOpen until next tick to avoid flicker. 162 | setTimeout(() => { 163 | this.setState({ 164 | isOpen: false, 165 | isAnimating: false, 166 | }, 167 | this.props.onClose 168 | ); 169 | }); 170 | }); 171 | }, 172 | 173 | render: function() { 174 | var { 175 | header, 176 | swipeToDismiss, 177 | } = this.props; 178 | 179 | var { 180 | isOpen, 181 | isPanning, 182 | isAnimating, 183 | layoutOpacity, 184 | openVal, 185 | origin, 186 | target, 187 | width, 188 | height, 189 | } = this.state; 190 | 191 | 192 | var layoutOpacityStyle = { 193 | opacity: layoutOpacity, 194 | }; 195 | var lightboxOpacityStyle = { 196 | opacity: openVal.interpolate({inputRange: [0, 1], outputRange: [origin.opacity, target.opacity]}) 197 | }; 198 | 199 | var handlers; 200 | if(swipeToDismiss) { 201 | handlers = this._panResponder.panHandlers; 202 | } 203 | 204 | var dragStyle; 205 | if(isPanning) { 206 | dragStyle = { 207 | top: this.state.pan, 208 | }; 209 | lightboxOpacityStyle.opacity = this.state.pan.interpolate({inputRange: [-WINDOW_HEIGHT, 0, WINDOW_HEIGHT], outputRange: [0, 1, 0]}); 210 | } 211 | 212 | var openStyle = [styles.open, { 213 | left: openVal.interpolate({inputRange: [0, 1], outputRange: [origin.x, target.x]}), 214 | top: openVal.interpolate({inputRange: [0, 1], outputRange: [origin.y, target.y]}), 215 | width: openVal.interpolate({inputRange: [0, 1], outputRange: [width, WINDOW_WIDTH]}), 216 | height: openVal.interpolate({inputRange: [0, 1], outputRange: [height, WINDOW_HEIGHT]}), 217 | }]; 218 | 219 | if(!header) { 220 | header = ( 221 | 222 | × 223 | 224 | ); 225 | } 226 | 227 | var activeProps = {}; 228 | if(this.state.isOpen && !this.state.isClosing) { 229 | activeProps = this.props.activeProps; 230 | } 231 | 232 | return ( 233 | this._root = component} 235 | style={this.props.style} 236 | > 237 | 238 | 242 | {this.props.children(activeProps)} 243 | 244 | 245 | 246 | 247 | 248 | {this.props.children(activeProps)} 249 | 250 | 251 | {header} 252 | 253 | 254 | 255 | ); 256 | } 257 | }); 258 | 259 | var styles = StyleSheet.create({ 260 | background: { 261 | position: 'absolute', 262 | top: 0, 263 | left: 0, 264 | width: WINDOW_WIDTH, 265 | height: WINDOW_HEIGHT, 266 | backgroundColor: 'black', 267 | }, 268 | open: { 269 | position: 'absolute', 270 | flex: 1, 271 | justifyContent: 'center', 272 | }, 273 | header: { 274 | position: 'absolute', 275 | top: 0, 276 | left: 0, 277 | width: WINDOW_WIDTH, 278 | backgroundColor: 'transparent', 279 | }, 280 | closeButton: { 281 | fontSize: 35, 282 | color: 'white', 283 | lineHeight: 40, 284 | width: 40, 285 | textAlign: 'center', 286 | shadowOffset: { 287 | width: 0, 288 | height: 0, 289 | }, 290 | shadowRadius: 1.5, 291 | shadowColor: 'black', 292 | shadowOpacity: 0.8, 293 | }, 294 | }); 295 | 296 | module.exports = Lightbox; 297 | -------------------------------------------------------------------------------- /react-native-scrollable-tab-view/DefaultTabBar.js: -------------------------------------------------------------------------------- 1 | 'use strict'; 2 | 3 | var React = require('react-native'); 4 | var { 5 | Dimensions, 6 | StyleSheet, 7 | Text, 8 | TouchableOpacity, 9 | View, 10 | Animated, 11 | } = React; 12 | 13 | var deviceWidth = Dimensions.get('window').width; 14 | 15 | var styles = StyleSheet.create({ 16 | tab: { 17 | flex: 1, 18 | alignItems: 'center', 19 | justifyContent: 'center', 20 | paddingBottom: 10, 21 | }, 22 | 23 | tabs: { 24 | height: 50, 25 | flexDirection: 'row', 26 | justifyContent: 'space-around', 27 | marginTop: 20, 28 | borderWidth: 1, 29 | borderTopWidth: 0, 30 | borderLeftWidth: 0, 31 | borderRightWidth: 0, 32 | borderBottomColor: '#ccc', 33 | }, 34 | }); 35 | 36 | var DefaultTabBar = React.createClass({ 37 | propTypes: { 38 | goToPage: React.PropTypes.func, 39 | activeTab: React.PropTypes.number, 40 | tabs: React.PropTypes.array 41 | }, 42 | 43 | renderTabOption(name, page) { 44 | var isTabActive = this.props.activeTab === page; 45 | 46 | return ( 47 | this.props.goToPage(page)}> 48 | 49 | {name} 50 | 51 | 52 | ); 53 | }, 54 | 55 | render() { 56 | var numberOfTabs = this.props.tabs.length; 57 | var tabUnderlineStyle = { 58 | position: 'absolute', 59 | width: deviceWidth / numberOfTabs, 60 | height: 4, 61 | backgroundColor: 'navy', 62 | bottom: 0, 63 | }; 64 | 65 | var left = this.props.scrollValue.interpolate({ 66 | inputRange: [0, 1], outputRange: [0, deviceWidth / numberOfTabs] 67 | }); 68 | 69 | return ( 70 | 71 | {this.props.tabs.map((tab, i) => this.renderTabOption(tab, i))} 72 | 73 | 74 | ); 75 | }, 76 | }); 77 | 78 | module.exports = DefaultTabBar; 79 | -------------------------------------------------------------------------------- /react-native-scrollable-tab-view/index.js: -------------------------------------------------------------------------------- 1 | 'use strict'; 2 | 3 | var React = require('react-native'); 4 | var { 5 | Dimensions, 6 | Text, 7 | View, 8 | TouchableOpacity, 9 | PanResponder, 10 | Animated, 11 | } = React; 12 | 13 | var DefaultTabBar = require('./DefaultTabBar'); 14 | var deviceWidth = Dimensions.get('window').width; 15 | 16 | var ScrollableTabView = React.createClass({ 17 | getDefaultProps() { 18 | return { 19 | edgeHitWidth: 30, 20 | } 21 | }, 22 | 23 | getInitialState() { 24 | return { currentPage: 0, scrollValue: new Animated.Value(0) }; 25 | }, 26 | 27 | componentWillMount() { 28 | var release = (e, gestureState) => { 29 | var relativeGestureDistance = gestureState.dx / deviceWidth, 30 | lastPageIndex = this.props.children.length - 1, 31 | vx = gestureState.vx, 32 | newPage = this.state.currentPage; 33 | 34 | if (relativeGestureDistance < -0.5 || (relativeGestureDistance < 0 && vx <= 0.5)) { 35 | newPage = newPage + 1; 36 | } else if (relativeGestureDistance > 0.5 || (relativeGestureDistance > 0 && vx >= 0.5)) { 37 | newPage = newPage - 1; 38 | } 39 | 40 | this.props.hasTouch && this.props.hasTouch(false); 41 | this.goToPage(Math.max(0, Math.min(newPage, this.props.children.length - 1))); 42 | } 43 | 44 | this._panResponder = PanResponder.create({ 45 | // Claim responder if it's a horizontal pan 46 | onMoveShouldSetPanResponder: (e, gestureState) => { 47 | if (Math.abs(gestureState.dx) > Math.abs(gestureState.dy)) { 48 | if ((gestureState.moveX <= this.props.edgeHitWidth || 49 | gestureState.moveX >= deviceWidth - this.props.edgeHitWidth) && 50 | this.props.locked !== true) { 51 | this.props.hasTouch && this.props.hasTouch(true); 52 | return true; 53 | } 54 | } 55 | }, 56 | 57 | // Touch is released, scroll to the one that you're closest to 58 | onPanResponderRelease: release, 59 | onPanResponderTerminate: release, 60 | 61 | // Dragging, move the view with the touch 62 | onPanResponderMove: (e, gestureState) => { 63 | var dx = gestureState.dx; 64 | var lastPageIndex = this.props.children.length - 1; 65 | 66 | // This is awkward because when we are scrolling we are offsetting the underlying view 67 | // to the left (-x) 68 | var offsetX = dx - (this.state.currentPage * deviceWidth); 69 | this.state.scrollValue.setValue(-1 * offsetX / deviceWidth); 70 | }, 71 | }); 72 | }, 73 | 74 | goToPage(pageNumber) { 75 | this.props.onChangeTab && this.props.onChangeTab({ 76 | i: pageNumber, ref: this.props.children[pageNumber] 77 | }); 78 | 79 | this.setState({ 80 | currentPage: pageNumber 81 | }); 82 | 83 | Animated.spring(this.state.scrollValue, {toValue: pageNumber, friction: 10, tension: 50}).start(); 84 | }, 85 | 86 | renderTabBar(props) { 87 | if (this.props.renderTabBar === false) { 88 | return null; 89 | } else if (this.props.renderTabBar) { 90 | return React.cloneElement(this.props.renderTabBar(), props); 91 | } else { 92 | return ; 93 | } 94 | }, 95 | 96 | render() { 97 | var sceneContainerStyle = { 98 | width: deviceWidth * this.props.children.length, 99 | flex: 1, 100 | flexDirection: 'row', 101 | }; 102 | 103 | var translateX = this.state.scrollValue.interpolate({ 104 | inputRange: [0, 1], outputRange: [0, -deviceWidth] 105 | }); 106 | 107 | return ( 108 | 109 | {this.props.topBar && this.renderTabBar({goToPage: this.goToPage, 110 | tabs: this.props.children.map((child) => child.props.tabLabel), 111 | activeTab: this.state.currentPage, 112 | scrollValue: this.state.scrollValue})} 113 | 115 | {this.props.children} 116 | 117 | {!this.props.topBar && this.renderTabBar({goToPage: this.goToPage, 118 | tabs: this.props.children.map((child) => child.props.tabLabel), 119 | activeTab: this.state.currentPage, 120 | scrollValue: this.state.scrollValue})} 121 | 122 | ); 123 | } 124 | }); 125 | 126 | module.exports = ScrollableTabView; 127 | -------------------------------------------------------------------------------- /react-relay.js: -------------------------------------------------------------------------------- 1 | /** 2 | * @providesModule react-relay 3 | */ 4 | 5 | // The react-relay/lib/Relay module includes the RelayDefaultNetworkLayer that 6 | // loads the fetch module from fbjs, which doesn't work with react-native yet. 7 | // (See https://github.com/facebook/fbjs/pull/61) 8 | // This temporary fix uses RelayPublic module instead, which doesn't load 9 | // the RelayDefaultNetworkLayer. 10 | module.exports = require('react-relay/lib/RelayPublic'); 11 | -------------------------------------------------------------------------------- /reindex.js: -------------------------------------------------------------------------------- 1 | import Reindex from 'reindex-js'; 2 | 3 | const reindex = new Reindex(process.env.REINDEX_URL); 4 | export default reindex; 5 | -------------------------------------------------------------------------------- /src/app-route.js: -------------------------------------------------------------------------------- 1 | import Relay from 'react-relay'; 2 | 3 | export default class AppRoute extends Relay.Route { 4 | static queries = { 5 | viewer: () => Relay.QL`query { viewer }` 6 | }; 7 | static routeName = 'AppRoute'; 8 | } 9 | -------------------------------------------------------------------------------- /src/app.js: -------------------------------------------------------------------------------- 1 | import React from 'react-native'; 2 | import Relay from 'react-relay'; 3 | import ScrollableTabView from '../react-native-scrollable-tab-view'; 4 | import TabBar from './tab-bar'; 5 | import Speakers from './speakers'; 6 | import Navbar from './nav-bar'; 7 | import Map from './map'; 8 | import Info from './info'; 9 | import Schedule from './schedule'; 10 | 11 | const { 12 | StyleSheet, 13 | View, 14 | StatusBarIOS 15 | } = React; 16 | 17 | const styles = StyleSheet.create({ 18 | container: { 19 | flex: 1 20 | } 21 | }); 22 | 23 | class App extends React.Component { 24 | componentDidMount() { 25 | if (StatusBarIOS) { 26 | StatusBarIOS.setStyle('light-content'); 27 | } 28 | } 29 | render() { 30 | return ( 31 | 32 | 33 | }> 34 | 35 | 36 | 37 | 38 | 39 | 40 | ); 41 | } 42 | } 43 | 44 | export default Relay.createContainer(App, { 45 | fragments: { 46 | viewer: () => Relay.QL` 47 | fragment on ReindexViewer { 48 | ${Speakers.getFragment('viewer')} 49 | ${Info.getFragment('viewer')} 50 | ${Schedule.getFragment('viewer')} 51 | }` 52 | } 53 | }); 54 | -------------------------------------------------------------------------------- /src/info/author.js: -------------------------------------------------------------------------------- 1 | import React from 'react-native'; 2 | import { Icon } from 'react-native-icons'; 3 | import { Link, Text, colors } from '../utils'; 4 | 5 | const { 6 | StyleSheet, 7 | View 8 | } = React; 9 | 10 | const styles = StyleSheet.create({ 11 | container: { 12 | flexDirection: 'column', 13 | alignItems: 'center', 14 | backgroundColor: colors.darkBlue, 15 | paddingTop: 20 16 | }, 17 | links: { 18 | height: 25, 19 | marginTop: 10, 20 | marginBottom: 20, 21 | flexDirection: 'row', 22 | alignItems: 'center', 23 | justifyContent: 'center' 24 | }, 25 | icon: { 26 | width: 30, 27 | height: 30, 28 | marginLeft: 10, 29 | marginRight: 10 30 | }, 31 | text: { 32 | color: colors.grey, 33 | fontSize: 13 34 | } 35 | }); 36 | 37 | export default class Author extends React.Component { 38 | render() { 39 | return ( 40 | 41 | Made with <love/> by Daniele Zannotti 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | ); 55 | } 56 | } 57 | -------------------------------------------------------------------------------- /src/info/index.js: -------------------------------------------------------------------------------- 1 | import React from 'react-native'; 2 | import Relay from 'react-relay'; 3 | import Parallax from 'react-native-parallax'; 4 | import reactMixin from 'react-mixin'; 5 | import { colors, device } from '../utils'; 6 | import Author from './author'; 7 | import Sponsors from './sponsors'; 8 | import StayInTouch from './stay-in-touch'; 9 | import Rethinking from './rethinking'; 10 | 11 | const { 12 | StyleSheet, 13 | ScrollView 14 | } = React; 15 | 16 | const styles = StyleSheet.create({ 17 | container: { 18 | flex: 1, 19 | backgroundColor: colors.darkBlue, 20 | width: device.width 21 | }, 22 | center: { 23 | flexDirection: 'column', 24 | alignItems: 'center' 25 | } 26 | }); 27 | 28 | @reactMixin.decorate(Parallax.Mixin) 29 | class Info extends React.Component { 30 | render() { 31 | return ( 32 | 39 | 40 | 41 | 42 | 43 | 44 | ); 45 | } 46 | } 47 | 48 | export default Relay.createContainer(Info, { 49 | fragments: { 50 | viewer: () => Relay.QL` 51 | fragment on ReindexViewer { 52 | allSponsors(first: 100) { 53 | edges { 54 | node { 55 | level, 56 | company { 57 | logo 58 | url 59 | } 60 | } 61 | } 62 | } 63 | }` 64 | } 65 | }); 66 | -------------------------------------------------------------------------------- /src/info/rethinking-single.js: -------------------------------------------------------------------------------- 1 | import React from 'react-native'; 2 | import { Text, colors, device } from '../utils'; 3 | 4 | const { 5 | View, 6 | StyleSheet, 7 | Image 8 | } = React; 9 | 10 | const styles = StyleSheet.create({ 11 | container: { 12 | justifyContent: 'center', 13 | alignItems: 'center' 14 | }, 15 | image: { 16 | marginTop: 20, 17 | width: device.width, // let the image resize naturally based on height 18 | height: 30, 19 | resizeMode: 'contain' 20 | }, 21 | imageTitle: { 22 | marginTop: 5, 23 | fontSize: 16, 24 | marginBottom: 10 25 | }, 26 | title: { 27 | paddingLeft: 20, 28 | paddingRight: 20, 29 | fontSize: 18, 30 | textAlign: 'center', 31 | width: device.width 32 | }, 33 | text: { 34 | marginTop: 20, 35 | paddingLeft: 20, 36 | paddingRight: 20, 37 | fontSize: 14, 38 | textAlign: 'center', 39 | width: device.width, 40 | color: colors.white 41 | } 42 | }); 43 | 44 | export default class RethinkingSingle extends React.Component { 45 | render() { 46 | return ( 47 | 48 | 49 | {this.props.imageTitle} 50 | {this.props.title} 51 | 52 | {this.props.children} 53 | 54 | 55 | ); 56 | } 57 | } 58 | -------------------------------------------------------------------------------- /src/info/rethinking.js: -------------------------------------------------------------------------------- 1 | import React from 'react-native'; 2 | import { Text, colors, device } from '../utils'; 3 | import RethinkingSingle from './rethinking-single'; 4 | 5 | const { 6 | View, 7 | StyleSheet 8 | } = React; 9 | 10 | const styles = StyleSheet.create({ 11 | container: { 12 | flexDirection: 'column', 13 | alignItems: 'center', 14 | justifyContent: 'center', 15 | backgroundColor: colors.darkBlue, 16 | width: device.width 17 | }, 18 | title: { 19 | marginTop: 35, 20 | fontWeight: '400', 21 | fontSize: 20, 22 | color: colors.white 23 | }, 24 | more: { 25 | marginTop: 10, 26 | marginBottom: 20, 27 | fontSize: 14, 28 | color: colors.white 29 | } 30 | }); 31 | 32 | export default class Rethinking extends React.Component { 33 | render() { 34 | return ( 35 | 36 | RETHINKING WEB DEVELOPMENT 37 | 43 | Is MVC dead? Should the complete application state be stored in a single global variable? 44 | Can we have a database with full query support on the client? Is setState an antipattern? 45 | Should all the data be passed through props? 46 | Come to hear answers, to not only these questions, from creators of 47 | DataScript, Este, CycleJS, RxJS, Cerebral, Mobservable and Fluxible! 48 | 49 | 55 | As the world moves towards a highly interactive web, HTTP is being replaced with 56 | WebSockets and realtime communication is becoming a standard. We need a new solution that 57 | will embrace the realtime nature of the new generation of Web. 58 | Listen to the thoughts of the creators of Falcor, GraphQL, Firebase, Dato or swarm.js! 59 | 60 | 66 | React is not only a DOM library anymore. Mobile developers are building iOS 67 | (and Android soon too) apps using React Native, desktop applications are being built with 68 | React on Electron and even D3 can be used with React. 69 | Learn how React ecosystem evolves and grows beyond the web platform with talks from 70 | people behind React Native Playground, Este Native, Electron! 71 | 72 | 78 | It seems that a lot of great expansions to react have surfaced lately. They touch on 79 | topics as form validations, css handling, routing and multi language support or even 80 | bootstrap component sets. 81 | We set up to bring you the creators of some of the finest expansions out there, such as 82 | CSS Modules and React Form Validation. 83 | 84 | And a ton more! 85 | 86 | ); 87 | } 88 | } 89 | -------------------------------------------------------------------------------- /src/info/sponsor.js: -------------------------------------------------------------------------------- 1 | import React from 'react-native'; 2 | import { device, Link } from '../utils'; 3 | 4 | const { 5 | StyleSheet, 6 | Image 7 | } = React; 8 | 9 | const styles = StyleSheet.create({ 10 | image: { 11 | marginTop: 10, 12 | marginBottom: 10, 13 | width: device.width, 14 | resizeMode: 'contain' 15 | }, 16 | gold: { 17 | height: 30 18 | }, 19 | silver: { 20 | height: 25 21 | }, 22 | bronze: { 23 | height: 20 24 | }, 25 | media: { 26 | height: 20 27 | } 28 | }); 29 | 30 | export default class Sponsor extends React.Component { 31 | render() { 32 | return ( 33 | 34 | 35 | 36 | ); 37 | } 38 | } 39 | -------------------------------------------------------------------------------- /src/info/sponsors.js: -------------------------------------------------------------------------------- 1 | import React from 'react-native'; 2 | import Sponsor from './sponsor'; 3 | import { Text, device, colors } from '../utils'; 4 | 5 | const { 6 | StyleSheet, 7 | View 8 | } = React; 9 | 10 | const styles = StyleSheet.create({ 11 | container: { 12 | flexDirection: 'column', 13 | alignItems: 'center', 14 | backgroundColor: colors.white 15 | }, 16 | title: { 17 | marginTop: 20, 18 | fontSize: 18, 19 | marginBottom: 10 20 | }, 21 | type: { 22 | marginTop: 15, 23 | fontSize: 14, 24 | marginBottom: 5 25 | }, 26 | thanks: { 27 | textAlign: 'center', 28 | width: device.width, 29 | marginTop: 20, 30 | fontSize: 14, 31 | marginBottom: 10 32 | } 33 | }); 34 | 35 | export default class Sponsors extends React.Component { 36 | splitSponsors() { 37 | const sponsors = { 38 | gold: [], 39 | silver: [], 40 | bronze: [], 41 | media: [] 42 | }; 43 | this.props.sponsors.forEach(({node}) => { 44 | if (node.level === 10) { 45 | sponsors.gold.push(node); 46 | } else if (node.level === 20) { 47 | sponsors.silver.push(node); 48 | } else if (node.level === 30) { 49 | sponsors.bronze.push(node); 50 | } else { 51 | sponsors.media.push(node); 52 | } 53 | }); 54 | return sponsors; 55 | } 56 | render() { 57 | const { gold, silver, bronze, media } = this.splitSponsors(); 58 | return ( 59 | 60 | OUR SPONSORS 61 | GOLD SPONSORS 62 | {gold.map((sponsor, idx) => 63 | 68 | )} 69 | SILVER SPONSORS 70 | {silver.map((sponsor, idx) => 71 | 76 | )} 77 | BRONZE SPONSORS 78 | {bronze.map((sponsor, idx) => 79 | 84 | )} 85 | MEDIA PARTNERS 86 | {media.map((sponsor, idx) => 87 | 92 | )} 93 | 94 | Thanks to our sponsors who made this great event possible. 95 | 96 | 97 | ); 98 | } 99 | } 100 | -------------------------------------------------------------------------------- /src/info/stay-in-touch.js: -------------------------------------------------------------------------------- 1 | import React from 'react-native'; 2 | import Parallax from 'react-native-parallax'; 3 | import { Icon } from 'react-native-icons'; 4 | import { Text, Link, device, colors } from '../utils'; 5 | 6 | const { 7 | View, 8 | StyleSheet 9 | } = React; 10 | 11 | const styles = StyleSheet.create({ 12 | innerContainer: { 13 | flexDirection: 'column', 14 | alignItems: 'center' 15 | }, 16 | container: { 17 | height: 200, 18 | width: device.width, 19 | backgroundColor: colors.white 20 | }, 21 | title: { 22 | fontSize: 18, 23 | marginTop: 40, 24 | marginBottom: 20, 25 | color: '#ffffff' 26 | }, 27 | links: { 28 | height: 30, 29 | marginTop: 10, 30 | marginBottom: 20, 31 | flexDirection: 'row', 32 | alignItems: 'center', 33 | justifyContent: 'center' 34 | }, 35 | icon: { 36 | width: 30, 37 | height: 30, 38 | marginLeft: 10, 39 | marginRight: 10 40 | } 41 | }); 42 | 43 | export default class StayInTouch extends React.Component { 44 | render() { 45 | return ( 46 | 52 | 53 | STAY IN TOUCH WITH US! 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | ); 68 | } 69 | } 70 | -------------------------------------------------------------------------------- /src/loader.js: -------------------------------------------------------------------------------- 1 | import React from 'react-native'; 2 | import Spin from 'react-native-spinkit'; 3 | import { Text, colors } from './utils'; 4 | 5 | const { 6 | View, 7 | StyleSheet, 8 | Image 9 | } = React; 10 | 11 | const styles = StyleSheet.create({ 12 | container: { 13 | flex: 1, 14 | justifyContent: 'center', 15 | alignItems: 'center', 16 | backgroundColor: colors.darkBlue 17 | }, 18 | logo: { 19 | width: 200, 20 | height: 70, 21 | resizeMode: 'contain' 22 | }, 23 | text: { 24 | fontSize: 14, 25 | marginTop: 30, 26 | color: colors.white 27 | }, 28 | spin: { 29 | marginTop: 20 30 | } 31 | }); 32 | 33 | export default class Loader extends React.Component { 34 | render() { 35 | return ( 36 | 37 | 38 | 39 | Applying some Relay powered magic 40 | 41 | ); 42 | } 43 | } 44 | -------------------------------------------------------------------------------- /src/map/index.js: -------------------------------------------------------------------------------- 1 | import React from 'react-native'; 2 | 3 | const { 4 | MapView, 5 | StyleSheet 6 | } = React; 7 | 8 | const styles = StyleSheet.create({ 9 | container: { 10 | flex: 1 11 | } 12 | }); 13 | 14 | export default class Map extends React.Component { 15 | render() { 16 | const venue = { 17 | latitude: 48.152, 18 | longitude: 17.116, 19 | latitudeDelta: 0, 20 | longitudeDelta: 0 21 | }; 22 | return ( 23 | 29 | ); 30 | } 31 | } 32 | -------------------------------------------------------------------------------- /src/nav-bar.js: -------------------------------------------------------------------------------- 1 | import React from 'react-native'; 2 | import { colors } from './utils'; 3 | 4 | const { 5 | StyleSheet, 6 | View, 7 | Image 8 | } = React; 9 | 10 | const styles = StyleSheet.create({ 11 | container: { 12 | padding: 0, 13 | height: 64, 14 | margin: 0, 15 | backgroundColor: colors.darkBlue, 16 | flexDirection: 'row', 17 | justifyContent: 'center', 18 | alignItems: 'center', 19 | borderBottomWidth: 2, 20 | borderBottomColor: colors.green 21 | }, 22 | logo: { 23 | marginTop: 10, 24 | width: 150, 25 | height: 30, 26 | resizeMode: 'contain' 27 | } 28 | }); 29 | 30 | export default class NavBar extends React.Component { 31 | render() { 32 | return ( 33 | 34 | 35 | 36 | ); 37 | } 38 | } 39 | -------------------------------------------------------------------------------- /src/schedule/day.js: -------------------------------------------------------------------------------- 1 | import React from 'react-native'; 2 | import Single from './single'; 3 | 4 | const { 5 | ScrollView, 6 | StyleSheet 7 | } = React; 8 | 9 | const styles = StyleSheet.create({ 10 | container: { 11 | flex: 1 12 | } 13 | }); 14 | 15 | export default class Info extends React.Component { 16 | render() { 17 | return ( 18 | 19 | {this.props.events.map((event, idx) => )} 20 | 21 | ); 22 | } 23 | } 24 | -------------------------------------------------------------------------------- /src/schedule/index.js: -------------------------------------------------------------------------------- 1 | import React from 'react-native'; 2 | import Relay from 'react-relay'; 3 | import ScrollableTabView from '../../react-native-scrollable-tab-view'; 4 | import TabBar from './tab-bar'; 5 | import Day from './day'; 6 | 7 | const { 8 | View, 9 | StyleSheet 10 | } = React; 11 | 12 | const styles = StyleSheet.create({ 13 | container: { 14 | flex: 1 15 | } 16 | }); 17 | 18 | class Schedule extends React.Component { 19 | prepareSchedule() { 20 | // todo: cleanup this part 21 | // too much harcoding 22 | const compare = (aItm, bItm) => aItm.startsAt - bItm.startsAt; 23 | const days = [[], [], []]; 24 | this.props.viewer.allEvents.edges.forEach(({ node }) => days[node.day].push(node)); 25 | days[0].sort(compare); 26 | days[1].sort(compare); 27 | days[2].sort(compare); 28 | return days; 29 | } 30 | 31 | render() { 32 | const days = this.prepareSchedule(); 33 | return ( 34 | 35 | }> 36 | 37 | 38 | 39 | 40 | 41 | ); 42 | } 43 | } 44 | 45 | export default Relay.createContainer(Schedule, { 46 | fragments: { 47 | viewer: () => Relay.QL` 48 | fragment on ReindexViewer { 49 | allEvents(first: 100) { 50 | edges { 51 | node { 52 | day, 53 | startsAt, 54 | endsAt, 55 | type, 56 | excerpt, 57 | title, 58 | speaker { 59 | firstName, 60 | lastName, 61 | image 62 | } 63 | } 64 | } 65 | } 66 | }` 67 | } 68 | }); 69 | -------------------------------------------------------------------------------- /src/schedule/single.js: -------------------------------------------------------------------------------- 1 | import React from 'react-native'; 2 | import Accordion from 'react-native-accordion'; 3 | import { Icon } from 'react-native-icons'; 4 | import { Text, colors } from '../utils'; 5 | 6 | const { 7 | View, 8 | StyleSheet, 9 | Image 10 | } = React; 11 | 12 | const styles = StyleSheet.create({ 13 | container: { 14 | flex: 1 15 | }, 16 | headerContainer: { 17 | flex: 1, 18 | flexDirection: 'row' 19 | }, 20 | time: { 21 | color: colors.green 22 | }, 23 | speaker: { 24 | marginTop: 8, 25 | fontWeight: '400', 26 | fontSize: 12, 27 | width: 105 28 | }, 29 | talk: { 30 | fontSize: 13, 31 | flex: 1 32 | }, 33 | sized: { 34 | height: 70 35 | }, 36 | leftColumn: { 37 | paddingLeft: 10, 38 | paddingTop: 15, 39 | width: 105, 40 | flexDirection: 'column' 41 | }, 42 | borderTopBig: { 43 | borderTopWidth: 4 44 | }, 45 | borderTop: { 46 | borderBottomWidth: 0, 47 | borderTopWidth: 1, 48 | borderLeftWidth: 0, 49 | borderRightWidth: 0, 50 | borderTopColor: colors.grey 51 | }, 52 | rightColumn: { 53 | paddingTop: 10, 54 | paddingRight: 15, 55 | paddingLeft: 3, 56 | flex: 1, 57 | height: 60, 58 | flexDirection: 'column', 59 | justifyContent: 'center' 60 | }, 61 | rightColumnExcerpt: { 62 | paddingTop: 10, 63 | paddingRight: 15, 64 | paddingLeft: 3, 65 | flex: 1, 66 | flexDirection: 'column', 67 | justifyContent: 'center' 68 | }, 69 | avatar: { 70 | marginLeft: 20, 71 | width: 45, 72 | height: 45, 73 | borderRadius: 23 74 | }, 75 | talkExcerpt: { 76 | marginBottom: 20, 77 | marginRight: 10, 78 | fontSize: 13 79 | }, 80 | center: { 81 | justifyContent: 'center', 82 | alignItems: 'center' 83 | }, 84 | chevronContainer: { 85 | width: 25 86 | }, 87 | chevron: { 88 | marginRight: 10, 89 | marginLeft: 5, 90 | height: 20, 91 | width: 20 92 | }, 93 | rethinking: { 94 | borderTopWidth: 4, 95 | borderTopColor: colors.purple 96 | }, 97 | dataflow: { 98 | borderTopWidth: 4, 99 | borderTopColor: colors.blue 100 | }, 101 | react: { 102 | borderTopWidth: 4, 103 | borderTopColor: colors.green 104 | }, 105 | general: { 106 | borderTopWidth: 4, 107 | borderTopColor: colors.yellow 108 | } 109 | }); 110 | 111 | export default class Info extends React.Component { 112 | capitalize(string) { 113 | return string.charAt(0).toUpperCase() + string.slice(1); 114 | } 115 | 116 | time(val) { 117 | let minutes = (val - Math.floor(val / 100) * 100) + ''; 118 | if (minutes.length === 1) { 119 | minutes = minutes + '0'; 120 | } 121 | return Math.floor(val / 100) + ':' + minutes; 122 | } 123 | 124 | type(val) { 125 | const types = [ 126 | 'dataflow', 127 | 'rethinking', 128 | 'react', 129 | 'general' 130 | ]; 131 | if (val < 1 || val > 4 ) { 132 | return 'center'; 133 | } 134 | return types[val - 1]; 135 | } 136 | 137 | renderHeader() { 138 | const { event } = this.props; 139 | const hasExcerpt = event.excerpt !== null && typeof event.excerpt !== 'undefined' && event.excerpt !== ''; 140 | const borderColor = event.type ? styles[this.type(event.type)] : {}; 141 | return ( 142 | 143 | 144 | 145 | {this.time(event.startsAt)} - {this.time(event.endsAt)} 146 | 147 | {event.speaker.firstName[0]}. {event.speaker.lastName} 148 | 149 | 150 | {this.capitalize(event.title.toLowerCase())} 151 | 152 | { hasExcerpt && 153 | 154 | 155 | 156 | } 157 | 158 | ); 159 | } 160 | 161 | renderContent() { 162 | const { event } = this.props; 163 | return ( 164 | 165 | 166 | 167 | 168 | 169 | {event.excerpt} 170 | 171 | 172 | ); 173 | } 174 | 175 | render() { 176 | if (this.props.event.excerpt === '') { 177 | return this.renderHeader(); 178 | } 179 | return ( 180 | 186 | ); 187 | } 188 | } 189 | -------------------------------------------------------------------------------- /src/schedule/tab-bar.js: -------------------------------------------------------------------------------- 1 | import React from 'react-native'; 2 | import { Text, device, colors } from '../utils'; 3 | 4 | const { 5 | StyleSheet, 6 | TouchableOpacity, 7 | View, 8 | Animated 9 | } = React; 10 | 11 | const styles = StyleSheet.create({ 12 | container: { 13 | flexDirection: 'column', 14 | alignItems: 'center', 15 | justifyContent: 'space-around', 16 | height: 50 17 | }, 18 | tab: { 19 | flex: 1, 20 | alignItems: 'center', 21 | justifyContent: 'center' 22 | }, 23 | 24 | tabs: { 25 | width: device.width, 26 | height: 35, 27 | flexDirection: 'row', 28 | justifyContent: 'space-around' 29 | }, 30 | border: { 31 | width: device.width, 32 | height: 1, 33 | marginBottom: 7, 34 | backgroundColor: colors.black 35 | }, 36 | triangle: { 37 | width: 0, 38 | height: 0, 39 | marginTop: 0, 40 | backgroundColor: 'transparent', 41 | borderStyle: 'solid', 42 | borderLeftWidth: 5, 43 | borderRightWidth: 5, 44 | borderBottomWidth: 10, 45 | borderLeftColor: 'transparent', 46 | borderRightColor: 'transparent', 47 | borderBottomColor: colors.green, 48 | transform: [ 49 | { 50 | rotate: '180deg' 51 | } 52 | ] 53 | } 54 | }); 55 | 56 | const tabOptions = [ 57 | { 58 | name: 'Workshops' 59 | }, 60 | { 61 | name: 'Day 1' 62 | }, 63 | { 64 | name: 'Day 2' 65 | } 66 | ]; 67 | 68 | export default class TabBar extends React.Component { 69 | static propTypes = { 70 | goToPage: React.PropTypes.func, 71 | activeTab: React.PropTypes.number, 72 | tabs: React.PropTypes.array 73 | }; 74 | 75 | renderTabOption(name, page) { 76 | const isTabActive = this.props.activeTab === page; 77 | 78 | return ( 79 | this.props.goToPage(page)}> 80 | 81 | {name.name} 82 | 83 | 84 | ); 85 | } 86 | 87 | render() { 88 | const numberOfTabs = tabOptions.length; 89 | const tabUnderlineStyle = { 90 | position: 'absolute', 91 | width: device.width / numberOfTabs, 92 | height: 10, 93 | borderColor: colors.green, 94 | borderTopWidth: 2, 95 | marginBottom: 15, 96 | bottom: 0, 97 | flexDirection: 'row', 98 | justifyContent: 'center' 99 | }; 100 | 101 | const left = this.props.scrollValue.interpolate({ 102 | inputRange: [0, 1], 103 | outputRange: [0, device.width / numberOfTabs] 104 | }); 105 | 106 | return ( 107 | 108 | 109 | {tabOptions.map((tab, idx) => this.renderTabOption(tab, idx))} 110 | 111 | 112 | 113 | 114 | 115 | 116 | ); 117 | } 118 | } 119 | -------------------------------------------------------------------------------- /src/speakers/index.js: -------------------------------------------------------------------------------- 1 | import React from 'react-native'; 2 | import Relay from 'react-relay'; 3 | import Speaker from './speaker'; 4 | 5 | const { 6 | ScrollView, 7 | View 8 | } = React; 9 | 10 | class Speakers extends React.Component { 11 | render() { 12 | const speakers = this.props.viewer.allSpeakers.edges; 13 | return ( 14 | 15 | 16 | {speakers.map((speaker, idx) => )} 17 | 18 | 19 | ); 20 | } 21 | } 22 | 23 | export default Relay.createContainer(Speakers, { 24 | fragments: { 25 | viewer: () => Relay.QL` 26 | fragment on ReindexViewer { 27 | allSpeakers (first: 100) { 28 | edges { 29 | node { 30 | firstName, 31 | lastName, 32 | image, 33 | bio, 34 | twitter, 35 | web, 36 | github, 37 | companyRole, 38 | company { 39 | name, 40 | logo, 41 | url 42 | } 43 | } 44 | } 45 | } 46 | }` 47 | } 48 | }); 49 | -------------------------------------------------------------------------------- /src/speakers/speaker-modal.js: -------------------------------------------------------------------------------- 1 | import React from 'react-native'; 2 | import { Icon } from 'react-native-icons'; 3 | import ScrollableTabView from '../../react-native-scrollable-tab-view'; 4 | import TabBar from './tab-bar'; 5 | import { Link, Text, Image as OImage, device, colors } from '../utils'; 6 | 7 | const { 8 | View, 9 | StyleSheet, 10 | ScrollView, 11 | Image 12 | } = React; 13 | 14 | const modalWidth = device.width - 80; 15 | 16 | const styles = StyleSheet.create({ 17 | listItem: { 18 | width: device.width / 2, 19 | height: 100 20 | }, 21 | listItemOpen: { 22 | margin: 40, 23 | backgroundColor: colors.white, 24 | overflow: 'hidden' 25 | }, 26 | speaker: { 27 | fontWeight: '400', 28 | position: 'absolute', 29 | top: 10, 30 | left: 3, 31 | fontSize: 20, 32 | color: colors.white 33 | }, 34 | role: { 35 | color: colors.black, 36 | fontSize: 14, 37 | textAlign: 'center' 38 | }, 39 | speakerCompany: { 40 | position: 'absolute', 41 | bottom: 10, 42 | right: 10, 43 | fontSize: 16, 44 | color: colors.white 45 | }, 46 | rowCentered: { 47 | flexDirection: 'row', 48 | alignItems: 'center', 49 | justifyContent: 'center', 50 | height: 50 51 | }, 52 | links: { 53 | height: 30, 54 | marginTop: 20, 55 | marginBottom: 10, 56 | flexDirection: 'row', 57 | alignItems: 'center', 58 | justifyContent: 'center' 59 | }, 60 | linksIcon: { 61 | width: 30, 62 | height: 30, 63 | marginLeft: 10, 64 | marginRight: 10 65 | }, 66 | companyLogo: { 67 | width: device.width, 68 | height: 35, 69 | resizeMode: 'contain' 70 | }, 71 | scrollContainer: { 72 | padding: 20, 73 | flex: 1, 74 | width: modalWidth, 75 | flexDirection: 'column' 76 | } 77 | }); 78 | 79 | export default class SpeakerModal extends React.Component { 80 | renderLink(type, uri) { 81 | if (typeof uri === 'undefined' || uri === '') { 82 | return false; 83 | } 84 | return ( 85 | 86 | 87 | 88 | ); 89 | } 90 | 91 | 92 | renderOpen() { 93 | const { speaker } = this.props; 94 | return ( 95 | 96 | 101 | {speaker.firstName} {speaker.lastName} 102 | 103 | 104 | }> 105 | 106 | {speaker.bio} 107 | 108 | {this.renderLink('ion|social-twitter', speaker.twitter)} 109 | {this.renderLink('ion|social-github', speaker.github)} 110 | {this.renderLink('ion|ios-world-outline', speaker.web)} 111 | 112 | 113 | 114 | 115 | 116 | 117 | 118 | 119 | 120 | {speaker.companyRole} 121 | 122 | 123 | 124 | 125 | 126 | ); 127 | } 128 | 129 | render() { 130 | const { speaker } = this.props; 131 | if (speaker.firstName === '') { 132 | return false; 133 | } 134 | if (this.props.isOpen) { 135 | return this.renderOpen(); 136 | } 137 | return ( 138 | 139 | 144 | {speaker.firstName} {speaker.lastName} 145 | {speaker.company.name} 146 | 147 | 148 | ); 149 | } 150 | } 151 | -------------------------------------------------------------------------------- /src/speakers/speaker.js: -------------------------------------------------------------------------------- 1 | import React from 'react-native'; 2 | import Lightbox from '../../react-native-lightbox'; 3 | import SpeakerModal from './speaker-modal'; 4 | 5 | const { 6 | View 7 | } = React; 8 | 9 | export default class Speaker extends React.Component { 10 | render() { 11 | return ( 12 | 13 | { (props) => } 14 | 15 | ); 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /src/speakers/tab-bar.js: -------------------------------------------------------------------------------- 1 | import React from 'react-native'; 2 | import { Text, device } from '../utils'; 3 | 4 | const { 5 | StyleSheet, 6 | TouchableOpacity, 7 | View, 8 | Animated 9 | } = React; 10 | 11 | const modalWidth = device.width - 80; 12 | 13 | const styles = StyleSheet.create({ 14 | container: { 15 | flexDirection: 'column', 16 | alignItems: 'center', 17 | justifyContent: 'space-around', 18 | height: 50 19 | }, 20 | tab: { 21 | flex: 1, 22 | alignItems: 'center', 23 | justifyContent: 'center' 24 | }, 25 | tabs: { 26 | width: modalWidth, 27 | height: 35, 28 | flexDirection: 'row', 29 | justifyContent: 'space-around' 30 | }, 31 | border: { 32 | width: modalWidth, 33 | height: 1, 34 | marginBottom: 7, 35 | backgroundColor: '#323232' 36 | }, 37 | triangle: { 38 | width: 0, 39 | height: 0, 40 | marginTop: 0, 41 | backgroundColor: 'transparent', 42 | borderStyle: 'solid', 43 | borderLeftWidth: 5, 44 | borderRightWidth: 5, 45 | borderBottomWidth: 10, 46 | borderLeftColor: 'transparent', 47 | borderRightColor: 'transparent', 48 | borderBottomColor: '#1bce7c', 49 | transform: [ 50 | { 51 | rotate: '180deg' 52 | } 53 | ] 54 | } 55 | }); 56 | 57 | const tabOptions = [ 58 | { 59 | name: 'Bio' 60 | }, 61 | { 62 | name: 'Work' 63 | } 64 | ]; 65 | 66 | export default class DefaultTabBar extends React.Component { 67 | static propTypes = { 68 | goToPage: React.PropTypes.func, 69 | activeTab: React.PropTypes.number, 70 | tabs: React.PropTypes.array 71 | } 72 | 73 | renderTabOption(tab, page) { 74 | const isTabActive = this.props.activeTab === page; 75 | return ( 76 | this.props.goToPage(page)}> 77 | 78 | 84 | {tab.name} 85 | 86 | 87 | 88 | ); 89 | } 90 | 91 | render() { 92 | const numberOfTabs = tabOptions.length; 93 | const tabUnderlineStyle = { 94 | position: 'absolute', 95 | width: modalWidth / numberOfTabs, 96 | height: 10, 97 | borderColor: '#1bce7c', 98 | borderTopWidth: 2, 99 | marginBottom: 15, 100 | bottom: 0, 101 | flexDirection: 'row', 102 | justifyContent: 'center' 103 | }; 104 | 105 | const left = this.props.scrollValue.interpolate({ 106 | inputRange: [0, 1], 107 | outputRange: [0, modalWidth / numberOfTabs] 108 | }); 109 | 110 | return ( 111 | 112 | 113 | {tabOptions.map((tab, idx) => this.renderTabOption(tab, idx))} 114 | 115 | 116 | 117 | 118 | 119 | 120 | ); 121 | } 122 | } 123 | -------------------------------------------------------------------------------- /src/tab-bar.js: -------------------------------------------------------------------------------- 1 | import React from 'react-native'; 2 | import { Icon } from 'react-native-icons'; 3 | import { Text, colors } from './utils'; 4 | 5 | const { 6 | StyleSheet, 7 | View, 8 | TouchableOpacity 9 | } = React; 10 | 11 | 12 | const styles = StyleSheet.create({ 13 | tab: { 14 | flex: 1, 15 | flexDirection: 'column', 16 | alignItems: 'center', 17 | justifyContent: 'center', 18 | marginLeft: 10, 19 | marginRight: 10, 20 | width: 65 21 | }, 22 | tabs: { 23 | height: 60, 24 | flexDirection: 'row', 25 | alignItems: 'center', 26 | justifyContent: 'center', 27 | borderBottomWidth: 0, 28 | borderTopWidth: 2, 29 | borderLeftWidth: 0, 30 | borderRightWidth: 0, 31 | borderTopColor: colors.green, 32 | backgroundColor: colors.darkBlue 33 | }, 34 | tabIcon: { 35 | width: 30, 36 | height: 30 37 | }, 38 | tabText: { 39 | color: colors.grey 40 | }, 41 | tabTextActive: { 42 | color: colors.green 43 | } 44 | }); 45 | 46 | const tabOptions = [ 47 | { 48 | name: 'Schedule', 49 | icon: 'ios-calendar-outline' 50 | }, 51 | { 52 | name: 'Speakers', 53 | icon: 'mic-b' 54 | }, 55 | { 56 | name: 'Map', 57 | icon: 'map' 58 | }, 59 | { 60 | name: 'Info', 61 | icon: 'ios-information-outline' 62 | } 63 | ]; 64 | 65 | export default class TabBar extends React.Component { 66 | static propTypes = { 67 | goToPage: React.PropTypes.func, 68 | activeTab: React.PropTypes.number, 69 | tabs: React.PropTypes.array 70 | }; 71 | 72 | renderTabOption(tab, page) { 73 | const isTabActive = this.props.activeTab === page; 74 | return ( 75 | this.props.goToPage(page)}> 76 | 77 | 83 | 86 | {tab.name} 87 | 88 | 89 | 90 | ); 91 | } 92 | 93 | render() { 94 | return ( 95 | 96 | {tabOptions.map((tab, idx) => this.renderTabOption(tab, idx))} 97 | 98 | ); 99 | } 100 | } 101 | -------------------------------------------------------------------------------- /src/utils/colors.js: -------------------------------------------------------------------------------- 1 | export default { 2 | green: '#1bce7c', 3 | purple: '#9b59b6', 4 | grey: '#cdcdcd', 5 | blue: '#3498db', 6 | yellow: '#f1c40f', 7 | darkBlue: '#212739', 8 | white: '#ffffff', 9 | black: '#323232' 10 | }; 11 | -------------------------------------------------------------------------------- /src/utils/device.js: -------------------------------------------------------------------------------- 1 | import { Dimensions } from 'react-native'; 2 | 3 | const { width, height } = Dimensions.get('window'); 4 | 5 | export default { 6 | width, 7 | height 8 | }; 9 | -------------------------------------------------------------------------------- /src/utils/image.js: -------------------------------------------------------------------------------- 1 | import React from 'react-native'; 2 | 3 | const { 4 | Image, 5 | View, 6 | StyleSheet 7 | } = React; 8 | 9 | const styles = StyleSheet.create({ 10 | overlay: { 11 | position: 'absolute', 12 | backgroundColor: 'rgba(0, 0, 0, 0.4)', 13 | top: 0, 14 | right: 0, 15 | left: 0, 16 | bottom: 0 17 | } 18 | }); 19 | 20 | export default class OverlayImage extends React.Component { 21 | render() { 22 | return ( 23 | 24 | 25 | {this.props.children} 26 | 27 | 28 | ); 29 | } 30 | } 31 | -------------------------------------------------------------------------------- /src/utils/index.js: -------------------------------------------------------------------------------- 1 | // react-native babel doesn't seem to support export { default as X } from './foo'; 2 | import device from './device'; 3 | import colors from './colors'; 4 | import Text from './text'; 5 | import Link from './link'; 6 | import Image from './image'; 7 | 8 | export default { 9 | device, 10 | colors, 11 | Text, 12 | Link, 13 | Image 14 | }; 15 | -------------------------------------------------------------------------------- /src/utils/link.js: -------------------------------------------------------------------------------- 1 | import React from 'react-native'; 2 | 3 | const { 4 | TouchableOpacity, 5 | LinkingIOS // TODO: remove this, breaks android builds 6 | } = React; 7 | 8 | export default class Link extends React.Component { 9 | render() { 10 | return ( 11 | LinkingIOS.openURL(this.props.source.uri)} 13 | > 14 | {this.props.children} 15 | 16 | ); 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /src/utils/text.js: -------------------------------------------------------------------------------- 1 | import React from 'react-native'; 2 | 3 | const { 4 | Text, 5 | StyleSheet 6 | } = React; 7 | 8 | const styles = StyleSheet.create({ 9 | font: { 10 | fontFamily: 'Raleway' 11 | } 12 | }); 13 | 14 | export default class FontedText extends React.Component { 15 | render() { 16 | const { style, ...props } = this.props; 17 | return ( 18 | 19 | {this.props.children} 20 | 21 | ); 22 | } 23 | } 24 | --------------------------------------------------------------------------------