├── .gitignore ├── 01 helloWorld ├── .gitignore ├── package.json ├── src │ ├── App │ │ └── App.tsx │ ├── index.html │ └── index.tsx ├── tsconfig.json └── webpack.config.js ├── 02 Routing ├── package.json ├── src │ ├── About │ │ └── About.tsx │ ├── App │ │ └── App.tsx │ ├── Back │ │ └── Back.tsx │ ├── Contact │ │ └── Contact.tsx │ ├── Home │ │ └── Home.tsx │ ├── index.html │ └── index.tsx ├── tsconfig.json └── webpack.config.js ├── 03 Redux ├── Middleware │ ├── package.json │ ├── src │ │ ├── component │ │ │ ├── Back │ │ │ │ └── Back.tsx │ │ │ └── CounterShow │ │ │ │ └── Counter.tsx │ │ ├── container │ │ │ ├── About │ │ │ │ └── About.tsx │ │ │ ├── App │ │ │ │ └── App.tsx │ │ │ ├── Contact │ │ │ │ └── Contact.tsx │ │ │ └── Home │ │ │ │ └── Home.tsx │ │ ├── index.html │ │ ├── index.tsx │ │ ├── service │ │ │ └── http.ts │ │ └── store │ │ │ ├── action │ │ │ ├── counter.ts │ │ │ └── git.ts │ │ │ ├── epic │ │ │ └── git.ts │ │ │ ├── index.ts │ │ │ └── reducer │ │ │ ├── counter.ts │ │ │ └── git.ts │ ├── tsconfig.json │ └── webpack.config.js └── Redux │ ├── package.json │ ├── src │ ├── component │ │ ├── Back │ │ │ └── Back.tsx │ │ └── CounterShow │ │ │ └── Counter.tsx │ ├── container │ │ ├── About │ │ │ └── About.tsx │ │ ├── App │ │ │ └── App.tsx │ │ ├── Contact │ │ │ └── Contact.tsx │ │ └── Home │ │ │ └── Home.tsx │ ├── index.html │ ├── index.tsx │ └── store │ │ ├── action │ │ └── counter.ts │ │ ├── index.ts │ │ └── reducer │ │ └── counter.ts │ ├── tsconfig.json │ └── webpack.config.js ├── 04 QFire ├── package.json ├── src │ ├── component │ │ ├── Back │ │ │ └── Back.tsx │ │ └── CounterShow │ │ │ └── Counter.tsx │ ├── container │ │ ├── About │ │ │ └── About.tsx │ │ ├── App │ │ │ └── App.tsx │ │ ├── Contact │ │ │ └── Contact.tsx │ │ └── Home │ │ │ └── Home.tsx │ ├── index.html │ ├── index.tsx │ ├── service │ │ ├── http.ts │ │ └── qFire.ts │ └── store │ │ ├── action │ │ ├── counter.ts │ │ ├── fb.ts │ │ └── git.ts │ │ ├── epic │ │ ├── fb.ts │ │ └── git.ts │ │ ├── index.ts │ │ └── reducer │ │ ├── counter.ts │ │ ├── fb.ts │ │ └── git.ts ├── tsconfig.json └── webpack.config.js ├── 05 reactNative-helloWorld └── FirstProject │ ├── .babelrc │ ├── .buckconfig │ ├── .flowconfig │ ├── .gitattributes │ ├── .gitignore │ ├── .watchmanconfig │ ├── __tests__ │ ├── index.android.js │ └── index.ios.js │ ├── android │ ├── app │ │ ├── BUCK │ │ ├── build.gradle │ │ ├── proguard-rules.pro │ │ └── src │ │ │ └── main │ │ │ ├── AndroidManifest.xml │ │ │ ├── java │ │ │ └── com │ │ │ │ └── firstproject │ │ │ │ ├── MainActivity.java │ │ │ │ └── MainApplication.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 │ ├── keystores │ │ ├── BUCK │ │ └── debug.keystore.properties │ └── settings.gradle │ ├── app.json │ ├── index.android.js │ ├── index.ios.js │ ├── ios │ ├── FirstProject-tvOS │ │ └── Info.plist │ ├── FirstProject-tvOSTests │ │ └── Info.plist │ ├── FirstProject.xcodeproj │ │ ├── project.pbxproj │ │ └── xcshareddata │ │ │ └── xcschemes │ │ │ ├── FirstProject-tvOS.xcscheme │ │ │ └── FirstProject.xcscheme │ ├── FirstProject │ │ ├── AppDelegate.h │ │ ├── AppDelegate.m │ │ ├── Base.lproj │ │ │ └── LaunchScreen.xib │ │ ├── Images.xcassets │ │ │ └── AppIcon.appiconset │ │ │ │ └── Contents.json │ │ ├── Info.plist │ │ └── main.m │ └── FirstProjectTests │ │ ├── FirstProjectTests.m │ │ └── Info.plist │ └── package.json └── README.md /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | **/node_modules -------------------------------------------------------------------------------- /01 helloWorld/.gitignore: -------------------------------------------------------------------------------- 1 | .vscode 2 | .DS_Store 3 | node_modules 4 | npm-debug.log 5 | dist -------------------------------------------------------------------------------- /01 helloWorld/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "react-helloworld", 3 | "version": "1.0.0", 4 | "description": "react helloWorld", 5 | "scripts": { 6 | "clean": "rm -rf ./dist", 7 | "build:prod": "webpack -p --define process.env.NODE_ENV='\"production\"' --progress --colors", 8 | "serve": "webpack-dev-server --progress --inline --profile --colors --display-error-details --history-api-fallback true --open", 9 | "start": "npm run clean && npm run serve" 10 | }, 11 | "author": "Yousuf Qutubuddin", 12 | "authorGithub": "https://github.com/uqutub", 13 | "license": "ISC", 14 | "dependencies": { 15 | "react": "15.3.2", 16 | "react-dom": "15.3.2" 17 | }, 18 | "devDependencies": { 19 | "@types/core-js": "0.9.34", 20 | "@types/react": "0.14.41", 21 | "@types/react-dom": "0.14.18", 22 | "copy-webpack-plugin": "3.0.1", 23 | "file-loader": "0.9.0", 24 | "html-webpack-plugin": "2.24.0", 25 | "json-loader": "0.5.4", 26 | "raw-loader": "0.5.1", 27 | "sass-loader": "4.0.2", 28 | "source-map-loader": "0.1.5", 29 | "ts-loader": "0.9.5", 30 | "typescript": "2.2.1", 31 | "url-loader": "0.5.7", 32 | "webpack": "1.13.2", 33 | "webpack-dev-server": "1.16.2" 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /01 helloWorld/src/App/App.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | 3 | // note: React.Component 4 | export class App extends React.Component<{}, any> { 5 | 6 | constructor() { 7 | super(); 8 | } 9 | 10 | render() { 11 | return ( 12 |

13 | Hello World using React!! 14 |

15 | ) 16 | } 17 | } -------------------------------------------------------------------------------- /01 helloWorld/src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | HelloWorld 8 | 9 | 10 | 11 |
12 | 13 | 14 | -------------------------------------------------------------------------------- /01 helloWorld/src/index.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import * as ReactDOM from "react-dom"; 3 | 4 | import { App } from "./App/App"; 5 | 6 | ReactDOM.render( 7 | , 8 | document.getElementById('root') 9 | ); -------------------------------------------------------------------------------- /01 helloWorld/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "outDir": "./dist/", 4 | "sourceMap": true, 5 | "noImplicitAny": false, 6 | "target": "es5", 7 | "jsx": "react" 8 | }, 9 | "files": [ 10 | "./src/index.tsx" 11 | ], 12 | "exclude": [ 13 | "./node_modules", 14 | "./dist" 15 | ] 16 | } -------------------------------------------------------------------------------- /01 helloWorld/webpack.config.js: -------------------------------------------------------------------------------- 1 | var webpack = require('webpack'); 2 | var HtmlWebpackPlugin = require('html-webpack-plugin'); 3 | var CopyWebpackPlugin = require('copy-webpack-plugin'); 4 | var ProvidePlugin = require('webpack/lib/ProvidePlugin'); 5 | 6 | module.exports = { 7 | entry: './src/index.tsx', 8 | output: { 9 | path: './dist', 10 | filename: 'app.bundle.js', 11 | sourceMapFilename: 'app.bundle.map' 12 | }, 13 | 14 | // Enable sourcemaps for debugging webpack's output. 15 | devtool: 'source-map', 16 | debug: true, 17 | 18 | resolve: { 19 | // Add '.ts' and '.tsx' as resolvable extensions. 20 | extensions: ["", ".ts", ".tsx", ".js", '.html', '.css', '.scss', '.json'], 21 | }, 22 | 23 | module: { 24 | preLoaders: [ 25 | // All output '.js' files will have any sourcemaps re-processed by 'source-map-loader'. 26 | { test: /\.js$/, loader: "source-map-loader" } 27 | ], 28 | 29 | loaders: [ 30 | // All files with a '.ts' or '.tsx' extension will be handled by 'ts-loader'. 31 | { test: /\.ts$|.tsx$/, loader: 'ts-loader', exclude: './node_modules' }, 32 | // { test: /\.jsx?$/, loaders: ['react-hot', 'babel'], exclude: './node_modules' }, 33 | { test: /\.html$/, loader: 'raw' }, 34 | { test: /\.css$/, loader: 'raw' }, 35 | { test: /\.scss$/, loaders: ['raw', 'sass'] }, 36 | { test: /\.json$/, loader: 'json-loader' } 37 | // ,{ 38 | // test: /\.(woff|woff2)(\?v=\d+\.\d+\.\d+)?$/, 39 | // loader: 'url?limit=10000&mimetype=application/font-woff' 40 | // }, 41 | // { 42 | // test: /\.ttf(\?v=\d+\.\d+\.\d+)?$/, 43 | // loader: 'url?limit=10000&mimetype=application/octet-stream' 44 | // }, 45 | // { 46 | // test: /\.eot(\?v=\d+\.\d+\.\d+)?$/, 47 | // loader: 'file' 48 | // }, 49 | // { 50 | // test: /\.svg(\?v=\d+\.\d+\.\d+)?$/, 51 | // loader: 'url?limit=10000&mimetype=image/svg+xml' 52 | // } 53 | ] 54 | }, 55 | 56 | plugins: [ 57 | new HtmlWebpackPlugin({ 58 | template: './src/index.html' 59 | }), 60 | new CopyWebpackPlugin([ 61 | { from: 'src/assets', to: 'assets' } 62 | ]), 63 | new webpack.DefinePlugin({ 64 | app: { 65 | environment: JSON.stringify(process.env.APP_ENVIRONMENT || 'development') 66 | } 67 | }), 68 | new webpack.HotModuleReplacementPlugin() 69 | ], 70 | 71 | tslint: { 72 | emitErrors: true, 73 | failOnHint: true, 74 | resourcePath: 'src' 75 | }, 76 | 77 | devServer: { 78 | port: 5253, 79 | host: 'localhost', 80 | } 81 | } -------------------------------------------------------------------------------- /02 Routing/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "react-helloworld", 3 | "version": "1.0.0", 4 | "description": "react helloWorld", 5 | "scripts": { 6 | "clean": "rm -rf ./dist", 7 | "build:prod": "webpack -p --define process.env.NODE_ENV='\"production\"' --progress --colors", 8 | "serve": "webpack-dev-server --progress --inline --profile --colors --display-error-details --history-api-fallback true --open", 9 | "start": "npm run clean && npm run serve" 10 | }, 11 | "author": "Yousuf Qutubuddin", 12 | "authorGithub": "https://github.com/uqutub", 13 | "license": "ISC", 14 | "dependencies": { 15 | "react": "15.3.2", 16 | "react-dom": "15.3.2", 17 | "react-router": "^3.0.2" 18 | }, 19 | "devDependencies": { 20 | "@types/react-router": "^3.0.5", 21 | "@types/core-js": "0.9.34", 22 | "@types/react": "0.14.41", 23 | "@types/react-dom": "0.14.18", 24 | "copy-webpack-plugin": "3.0.1", 25 | "file-loader": "0.9.0", 26 | "html-webpack-plugin": "2.24.0", 27 | "json-loader": "0.5.4", 28 | "raw-loader": "0.5.1", 29 | "sass-loader": "4.0.2", 30 | "source-map-loader": "0.1.5", 31 | "ts-loader": "0.9.5", 32 | "typescript": "2.2.1", 33 | "url-loader": "0.5.7", 34 | "webpack": "1.13.2", 35 | "webpack-dev-server": "1.16.2" 36 | } 37 | } 38 | -------------------------------------------------------------------------------- /02 Routing/src/About/About.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import { Back } from "../Back/Back"; 3 | 4 | // note: React.Component 5 | export class About extends React.Component { 6 | 7 | constructor() { 8 | super(); 9 | } 10 | 11 | render() { 12 | return ( 13 |
14 |

15 | About Page 16 |

17 | 18 |
19 | ) 20 | } 21 | } -------------------------------------------------------------------------------- /02 Routing/src/App/App.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import { Link } from "react-router"; 3 | 4 | // note: React.Component 5 | export class App extends React.Component { 6 | 7 | constructor() { 8 | super(); 9 | } 10 | 11 | render() { 12 | return ( 13 |
14 |
App Component...... (optional: also placed nav bar)
15 |
    16 |
  • 17 | Home 18 |
    • 19 |
  • 20 | About 21 |
    • 22 |
  • 23 | Contact 24 |
    • 25 |
26 |
27 | {this.props.children} 28 |
29 | ) 30 | } 31 | } -------------------------------------------------------------------------------- /02 Routing/src/Back/Back.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import { browserHistory } from 'react-router'; 3 | 4 | // note: React.Component 5 | export class Back extends React.Component { 6 | 7 | constructor() { 8 | super(); 9 | } 10 | 11 | goBack(e) { 12 | e.preventDefault(); 13 | browserHistory.goBack(); 14 | } 15 | 16 | render() { 17 | return ( 18 |
19 | back... 20 |
21 | ) 22 | } 23 | } -------------------------------------------------------------------------------- /02 Routing/src/Contact/Contact.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import { Back } from "../Back/Back"; 3 | 4 | // note: React.Component 5 | export class Contact extends React.Component { 6 | 7 | constructor() { 8 | super(); 9 | } 10 | 11 | render() { 12 | return ( 13 |
14 |

15 | Contact Page 16 |

17 | 18 |
19 | ) 20 | } 21 | } -------------------------------------------------------------------------------- /02 Routing/src/Home/Home.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import { Back } from "../Back/Back"; 3 | 4 | // note: React.Component 5 | export class Home extends React.Component<{}, any> { 6 | 7 | constructor() { 8 | super(); 9 | } 10 | 11 | render() { 12 | return ( 13 |
14 |

15 | Home Page 16 |

17 | 18 |
19 | ) 20 | } 21 | } -------------------------------------------------------------------------------- /02 Routing/src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | HelloWorld 8 | 9 | 10 | 11 |
12 | 13 | 14 | -------------------------------------------------------------------------------- /02 Routing/src/index.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import * as ReactDOM from "react-dom"; 3 | 4 | import { Router, Route, IndexRoute, hashHistory, browserHistory } from 'react-router'; 5 | 6 | import { App } from "./App/App"; 7 | import { Home } from "./Home/Home"; 8 | import { About } from "./About/About"; 9 | import { Contact } from "./Contact/Contact"; 10 | 11 | ReactDOM.render( 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | , 20 | document.getElementById('root') 21 | ); -------------------------------------------------------------------------------- /02 Routing/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "outDir": "./dist/", 4 | "sourceMap": true, 5 | "noImplicitAny": false, 6 | "target": "es5", 7 | "jsx": "react" 8 | }, 9 | "files": [ 10 | "./src/index.tsx" 11 | ], 12 | "exclude": [ 13 | "./node_modules", 14 | "./dist" 15 | ] 16 | } -------------------------------------------------------------------------------- /02 Routing/webpack.config.js: -------------------------------------------------------------------------------- 1 | var webpack = require('webpack'); 2 | var HtmlWebpackPlugin = require('html-webpack-plugin'); 3 | var CopyWebpackPlugin = require('copy-webpack-plugin'); 4 | var ProvidePlugin = require('webpack/lib/ProvidePlugin'); 5 | 6 | module.exports = { 7 | entry: './src/index.tsx', 8 | output: { 9 | path: './dist', 10 | filename: 'app.bundle.js', 11 | sourceMapFilename: 'app.bundle.map' 12 | }, 13 | 14 | // Enable sourcemaps for debugging webpack's output. 15 | devtool: 'source-map', 16 | debug: true, 17 | 18 | resolve: { 19 | // Add '.ts' and '.tsx' as resolvable extensions. 20 | extensions: ["", ".ts", ".tsx", ".js", '.html', '.css', '.scss', '.json'], 21 | }, 22 | 23 | module: { 24 | preLoaders: [ 25 | // All output '.js' files will have any sourcemaps re-processed by 'source-map-loader'. 26 | { test: /\.js$/, loader: "source-map-loader" } 27 | ], 28 | 29 | loaders: [ 30 | // All files with a '.ts' or '.tsx' extension will be handled by 'ts-loader'. 31 | { test: /\.ts$|.tsx$/, loader: 'ts-loader', exclude: './node_modules' }, 32 | // { test: /\.jsx?$/, loaders: ['react-hot', 'babel'], exclude: './node_modules' }, 33 | { test: /\.html$/, loader: 'raw' }, 34 | { test: /\.css$/, loader: 'raw' }, 35 | { test: /\.scss$/, loaders: ['raw', 'sass'] }, 36 | { test: /\.json$/, loader: 'json-loader' } 37 | // ,{ 38 | // test: /\.(woff|woff2)(\?v=\d+\.\d+\.\d+)?$/, 39 | // loader: 'url?limit=10000&mimetype=application/font-woff' 40 | // }, 41 | // { 42 | // test: /\.ttf(\?v=\d+\.\d+\.\d+)?$/, 43 | // loader: 'url?limit=10000&mimetype=application/octet-stream' 44 | // }, 45 | // { 46 | // test: /\.eot(\?v=\d+\.\d+\.\d+)?$/, 47 | // loader: 'file' 48 | // }, 49 | // { 50 | // test: /\.svg(\?v=\d+\.\d+\.\d+)?$/, 51 | // loader: 'url?limit=10000&mimetype=image/svg+xml' 52 | // } 53 | ] 54 | }, 55 | 56 | plugins: [ 57 | new HtmlWebpackPlugin({ 58 | template: './src/index.html' 59 | }), 60 | new CopyWebpackPlugin([ 61 | { from: 'src/assets', to: 'assets' } 62 | ]), 63 | new webpack.DefinePlugin({ 64 | app: { 65 | environment: JSON.stringify(process.env.APP_ENVIRONMENT || 'development') 66 | } 67 | }), 68 | new webpack.HotModuleReplacementPlugin() 69 | ], 70 | 71 | tslint: { 72 | emitErrors: true, 73 | failOnHint: true, 74 | resourcePath: 'src' 75 | }, 76 | 77 | devServer: { 78 | port: 5253, 79 | host: 'localhost', 80 | } 81 | } -------------------------------------------------------------------------------- /03 Redux/Middleware/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "react-helloworld", 3 | "version": "1.0.0", 4 | "description": "react helloWorld", 5 | "scripts": { 6 | "clean": "rm -rf ./dist", 7 | "build:prod": "webpack -p --define process.env.NODE_ENV='\"production\"' --progress --colors", 8 | "serve": "webpack-dev-server --progress --inline --profile --colors --display-error-details --history-api-fallback true --open", 9 | "start": "npm run clean && npm run serve" 10 | }, 11 | "author": "Yousuf Qutubuddin", 12 | "authorGithub": "https://github.com/uqutub", 13 | "license": "ISC", 14 | "dependencies": { 15 | "react": "15.3.2", 16 | "react-dom": "15.3.2", 17 | "react-router": "^3.0.2", 18 | "react-redux": "^4.4.5", 19 | "redux": "^3.6.0", 20 | "redux-actions": "^0.12.0", 21 | "redux-observable": "^0.12.1", 22 | "rxjs": "^5.0.0-rc.1" 23 | }, 24 | "devDependencies": { 25 | "@types/react-router": "^3.0.5", 26 | "@types/react-redux": "^4.4.32", 27 | "@types/redux": "^3.6.31", 28 | "@types/redux-actions": "^0.8.30", 29 | "@types/core-js": "0.9.34", 30 | "@types/react": "0.14.41", 31 | "@types/react-dom": "0.14.18", 32 | "copy-webpack-plugin": "3.0.1", 33 | "file-loader": "0.9.0", 34 | "html-webpack-plugin": "2.24.0", 35 | "json-loader": "0.5.4", 36 | "raw-loader": "0.5.1", 37 | "sass-loader": "4.0.2", 38 | "source-map-loader": "0.1.5", 39 | "ts-loader": "0.9.5", 40 | "typescript": "2.2.1", 41 | "url-loader": "0.5.7", 42 | "webpack": "1.13.2", 43 | "webpack-dev-server": "1.16.2" 44 | } 45 | } -------------------------------------------------------------------------------- /03 Redux/Middleware/src/component/Back/Back.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import { browserHistory } from 'react-router'; 3 | 4 | export class Back extends React.Component { 5 | 6 | constructor() { 7 | super(); 8 | } 9 | 10 | goBack(e) { 11 | e.preventDefault(); 12 | browserHistory.goBack(); 13 | } 14 | 15 | render() { 16 | return ( 17 |
18 | back... 19 |
20 | ) 21 | } 22 | } -------------------------------------------------------------------------------- /03 Redux/Middleware/src/component/CounterShow/Counter.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | 3 | export class ShowCounter extends React.Component { 4 | 5 | constructor() { 6 | super(); 7 | } 8 | 9 | render() { 10 | return ( 11 |

Count: {this.props.counter}

12 | ) 13 | } 14 | } -------------------------------------------------------------------------------- /03 Redux/Middleware/src/container/About/About.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import { connect } from "react-redux"; 3 | 4 | import { Back } from "../../component/Back/Back"; 5 | import { ShowCounter } from "../../component/CounterShow/Counter"; 6 | 7 | function mapStateToProps(state: any) { 8 | return { 9 | counter: state.counterReducer['count'], 10 | }; 11 | } 12 | 13 | // note: React.Component 14 | class About extends React.Component { 15 | 16 | constructor() { 17 | super(); 18 | } 19 | 20 | render() { 21 | return ( 22 |
23 |

24 | About Page 25 |

26 | 27 | 28 |
29 | ) 30 | } 31 | } 32 | 33 | export default connect(mapStateToProps, null)(About); -------------------------------------------------------------------------------- /03 Redux/Middleware/src/container/App/App.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import { Link } from "react-router"; 3 | 4 | // note: React.Component 5 | export class App extends React.Component { 6 | 7 | constructor() { 8 | super(); 9 | } 10 | 11 | render() { 12 | return ( 13 |
14 |
App Component...... (optional: also placed nav bar)
15 |
    16 |
  • Home
    • 17 |
  • About
    • 18 |
  • Contact
    • 19 |
20 |
21 | {this.props.children} 22 |
23 | ) 24 | } 25 | } -------------------------------------------------------------------------------- /03 Redux/Middleware/src/container/Contact/Contact.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import { Back } from "../../component/Back/Back"; 3 | 4 | // note: React.Component 5 | export class Contact extends React.Component { 6 | 7 | constructor() { 8 | super(); 9 | } 10 | 11 | render() { 12 | return ( 13 |
14 |

15 | Contact Page 16 |

17 | 18 |
19 | ) 20 | } 21 | } -------------------------------------------------------------------------------- /03 Redux/Middleware/src/container/Home/Home.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import { connect } from "react-redux"; 3 | 4 | import { CounterAction as Action } from '../../store/action/counter'; 5 | import { GitAction } from '../../store/action/git'; 6 | import { Back } from "../../component/Back/Back"; 7 | import { ShowCounter } from "../../component/CounterShow/Counter"; 8 | 9 | function mapStateToProps(state: any) { 10 | return { 11 | counter: state.counterReducer['count'], 12 | userData: state.gitReducer['userData'], 13 | isLoading: state.gitReducer['isLoading'], 14 | }; 15 | } 16 | 17 | function mapDispatchToProps(dispatch: any) { 18 | return { 19 | incrmnt: (): void => dispatch(Action.increment()), 20 | decrmnt: (): void => dispatch(Action.decrement()), 21 | getData: (): void => dispatch((GitAction.getDataFromUrl())) 22 | }; 23 | } 24 | 25 | // note: React.Component 26 | class Home extends React.Component { 27 | 28 | constructor() { 29 | super(); 30 | setTimeout(() => { 31 | this.props.getData(); 32 | }, 2000) 33 | } 34 | 35 | 36 | render() { 37 | return ( 38 |
39 |

40 | Home Page 41 |

42 | 43 |
44 | 45 |
46 | 
47 |                     {(this.props.isLoading) ? 'Loading Data....... ' : JSON.stringify(this.props.userData, null, 2)}
48 |
49 | 50 |
51 | ) 52 | } 53 | } 54 | 55 | export default connect(mapStateToProps, mapDispatchToProps)(Home); -------------------------------------------------------------------------------- /03 Redux/Middleware/src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | HelloWorld 8 | 9 | 10 | 11 |
12 | 13 | 14 | -------------------------------------------------------------------------------- /03 Redux/Middleware/src/index.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import * as ReactDOM from "react-dom"; 3 | import { Router, Route, IndexRoute, hashHistory, browserHistory } from 'react-router'; 4 | import { Provider } from 'react-redux'; 5 | 6 | import { store } from './store/index'; 7 | import { App } from "./container/App/App"; 8 | import Home from "./container/Home/Home"; 9 | import About from "./container/About/About"; 10 | import { Contact } from "./container/Contact/Contact"; 11 | 12 | ReactDOM.render( 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | , 24 | document.getElementById('root') 25 | ); -------------------------------------------------------------------------------- /03 Redux/Middleware/src/service/http.ts: -------------------------------------------------------------------------------- 1 | import { Observable } from 'rxjs/Observable'; 2 | import 'rxjs/add/observable/dom/ajax'; 3 | 4 | // https://xgrommx.github.io/rx-book/content/rxjs_bindings/dom/index.html#rxdomrequestgetjsonurl 5 | // https://github.com/ReactiveX/rxjs/blob/master/src/observable/dom/AjaxObservable.ts 6 | 7 | export class HttpService { 8 | 9 | static get(url: string, headers: Object = null): Observable { 10 | return Observable.ajax({ 11 | url, 12 | method: 'GET', 13 | async: true, 14 | crossDomain: true, 15 | responseType: 'json', 16 | createXHR: () => new XMLHttpRequest() 17 | }); 18 | } // get 19 | 20 | static post(url: string, body: any, headers = { 'Content-Type': 'application/json' }): Observable { 21 | return Observable.ajax({ 22 | url, 23 | method: 'POST', 24 | body, 25 | headers, 26 | async: true, 27 | crossDomain: true, 28 | responseType: 'json', 29 | createXHR: () => new XMLHttpRequest() 30 | }); 31 | } // post 32 | } -------------------------------------------------------------------------------- /03 Redux/Middleware/src/store/action/counter.ts: -------------------------------------------------------------------------------- 1 | import { createAction } from 'redux-actions'; 2 | 3 | export class CounterAction { 4 | 5 | static INCREMENT_COUNTER = 'INCREMENT_COUNTER'; 6 | static DECREMENT_COUNTER = 'DECREMENT_COUNTER'; 7 | static DUMMY = 'DUMMY'; 8 | 9 | static increment() { 10 | return { 11 | type: CounterAction.INCREMENT_COUNTER, 12 | }; 13 | } 14 | 15 | static decrement() { 16 | return { 17 | type: CounterAction.DECREMENT_COUNTER, 18 | }; 19 | } 20 | 21 | 22 | static addTodo = createAction( 23 | CounterAction.DUMMY, 24 | payload => payload 25 | ); 26 | 27 | } 28 | -------------------------------------------------------------------------------- /03 Redux/Middleware/src/store/action/git.ts: -------------------------------------------------------------------------------- 1 | 2 | export class GitAction { 3 | 4 | static GetDataFromUrl = 'GetDataFromUrl'; 5 | static GetDataFromUrl_SUCCESS = 'GetDataFromUrl_SUCCESS'; 6 | static GetDataFromUrl_FAIL = 'GetDataFromUrl_FAIL'; 7 | 8 | static getDataFromUrl() { 9 | return { 10 | type: GitAction.GetDataFromUrl 11 | }; 12 | } 13 | } 14 | -------------------------------------------------------------------------------- /03 Redux/Middleware/src/store/epic/git.ts: -------------------------------------------------------------------------------- 1 | import { Observable } from "rxjs"; 2 | import { ActionsObservable } from "redux-observable"; 3 | 4 | import { GitAction } from "./../action/git"; 5 | import { HttpService } from "./../../service/http"; 6 | 7 | class GitEpic { 8 | 9 | getUserData = (action$: ActionsObservable) => 10 | action$.ofType(GitAction.GetDataFromUrl) 11 | .switchMap(({payload}) => { 12 | return HttpService.get('https://api.github.com/users/uqutub') 13 | .switchMap(({response}) => { 14 | return Observable.of({ 15 | type: GitAction.GetDataFromUrl_SUCCESS, 16 | payload: response 17 | }); 18 | }); 19 | }) 20 | 21 | } 22 | 23 | 24 | export let gitEpic = new GitEpic(); -------------------------------------------------------------------------------- /03 Redux/Middleware/src/store/index.ts: -------------------------------------------------------------------------------- 1 | // https://redux-observable.js.org/docs/basics/SettingUpTheMiddleware.html 2 | 3 | import { combineReducers, createStore, applyMiddleware } from 'redux'; 4 | import { combineEpics, createEpicMiddleware } from 'redux-observable'; 5 | 6 | // Application State IAppState 7 | interface IAppState { 8 | counterReducer, 9 | gitReducer 10 | } 11 | 12 | // reducers 13 | import { counterReducer } from './reducer/counter'; 14 | import { gitReducer } from './reducer/git'; 15 | 16 | // epics 17 | import { gitEpic } from './epic/git'; 18 | 19 | // Application Epics / Effects 20 | const rootEpic = combineEpics( 21 | gitEpic.getUserData 22 | ); 23 | 24 | // Application Reducers 25 | const rootReducer = combineReducers({ 26 | counterReducer, 27 | gitReducer 28 | }); 29 | 30 | 31 | const epicMiddleware = createEpicMiddleware(rootEpic); 32 | 33 | const createStoreWithMiddleware = applyMiddleware(epicMiddleware)(createStore); 34 | 35 | export let store = createStoreWithMiddleware(rootReducer); 36 | -------------------------------------------------------------------------------- /03 Redux/Middleware/src/store/reducer/counter.ts: -------------------------------------------------------------------------------- 1 | import { CounterAction } from '../action/counter'; 2 | 3 | const INITIAL_STATE = { 4 | count: 0, 5 | }; 6 | 7 | interface IAction { 8 | type: string, 9 | payload?: any 10 | } 11 | 12 | export function counterReducer(state = INITIAL_STATE, action: IAction) { 13 | switch (action.type) { 14 | case CounterAction.INCREMENT_COUNTER: 15 | return Object.assign({}, state, { count: state.count + 1 }); 16 | case CounterAction.DECREMENT_COUNTER: 17 | return Object.assign({}, state, { count: state.count - 1 }); 18 | default: 19 | return state; 20 | } 21 | } -------------------------------------------------------------------------------- /03 Redux/Middleware/src/store/reducer/git.ts: -------------------------------------------------------------------------------- 1 | import { GitAction } from '../action/git'; 2 | 3 | const INITIAL_STATE = { 4 | isLoading: true, 5 | userData: {} 6 | }; 7 | 8 | interface IAction { 9 | type: string, 10 | payload?: any 11 | } 12 | 13 | export function gitReducer(state = INITIAL_STATE, action: IAction) { 14 | switch (action.type) { 15 | case GitAction.GetDataFromUrl: 16 | return Object.assign({}, state, {isLoading: true}); 17 | case GitAction.GetDataFromUrl_SUCCESS: 18 | return Object.assign({}, state, { userData: action.payload, isLoading: false }); 19 | default: 20 | return state; 21 | } 22 | } -------------------------------------------------------------------------------- /03 Redux/Middleware/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "outDir": "./dist/", 4 | "sourceMap": true, 5 | "noImplicitAny": false, 6 | "target": "es5", 7 | "jsx": "react" 8 | }, 9 | "files": [ 10 | "./src/index.tsx" 11 | ], 12 | "exclude": [ 13 | "./node_modules", 14 | "./dist" 15 | ] 16 | } -------------------------------------------------------------------------------- /03 Redux/Middleware/webpack.config.js: -------------------------------------------------------------------------------- 1 | var webpack = require('webpack'); 2 | var HtmlWebpackPlugin = require('html-webpack-plugin'); 3 | var CopyWebpackPlugin = require('copy-webpack-plugin'); 4 | var ProvidePlugin = require('webpack/lib/ProvidePlugin'); 5 | 6 | module.exports = { 7 | entry: './src/index.tsx', 8 | output: { 9 | path: './dist', 10 | filename: 'app.bundle.js', 11 | sourceMapFilename: 'app.bundle.map' 12 | }, 13 | 14 | // Enable sourcemaps for debugging webpack's output. 15 | devtool: 'source-map', 16 | debug: true, 17 | 18 | resolve: { 19 | // Add '.ts' and '.tsx' as resolvable extensions. 20 | extensions: ["", ".ts", ".tsx", ".js", '.html', '.css', '.scss', '.json'], 21 | }, 22 | 23 | module: { 24 | preLoaders: [ 25 | // All output '.js' files will have any sourcemaps re-processed by 'source-map-loader'. 26 | { test: /\.js$/, loader: "source-map-loader" } 27 | ], 28 | 29 | loaders: [ 30 | // All files with a '.ts' or '.tsx' extension will be handled by 'ts-loader'. 31 | { test: /\.ts$|.tsx$/, loader: 'ts-loader', exclude: './node_modules' }, 32 | // { test: /\.jsx?$/, loaders: ['react-hot', 'babel'], exclude: './node_modules' }, 33 | { test: /\.html$/, loader: 'raw' }, 34 | { test: /\.css$/, loader: 'raw' }, 35 | { test: /\.scss$/, loaders: ['raw', 'sass'] }, 36 | { test: /\.json$/, loader: 'json-loader' } 37 | // ,{ 38 | // test: /\.(woff|woff2)(\?v=\d+\.\d+\.\d+)?$/, 39 | // loader: 'url?limit=10000&mimetype=application/font-woff' 40 | // }, 41 | // { 42 | // test: /\.ttf(\?v=\d+\.\d+\.\d+)?$/, 43 | // loader: 'url?limit=10000&mimetype=application/octet-stream' 44 | // }, 45 | // { 46 | // test: /\.eot(\?v=\d+\.\d+\.\d+)?$/, 47 | // loader: 'file' 48 | // }, 49 | // { 50 | // test: /\.svg(\?v=\d+\.\d+\.\d+)?$/, 51 | // loader: 'url?limit=10000&mimetype=image/svg+xml' 52 | // } 53 | ] 54 | }, 55 | 56 | plugins: [ 57 | new HtmlWebpackPlugin({ 58 | template: './src/index.html' 59 | }), 60 | new CopyWebpackPlugin([ 61 | { from: 'src/assets', to: 'assets' } 62 | ]), 63 | new webpack.DefinePlugin({ 64 | app: { 65 | environment: JSON.stringify(process.env.APP_ENVIRONMENT || 'development') 66 | } 67 | }), 68 | new webpack.HotModuleReplacementPlugin() 69 | ], 70 | 71 | tslint: { 72 | emitErrors: true, 73 | failOnHint: true, 74 | resourcePath: 'src' 75 | }, 76 | 77 | devServer: { 78 | port: 5253, 79 | host: 'localhost', 80 | } 81 | } -------------------------------------------------------------------------------- /03 Redux/Redux/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "react-helloworld", 3 | "version": "1.0.0", 4 | "description": "react helloWorld", 5 | "scripts": { 6 | "clean": "rm -rf ./dist", 7 | "build:prod": "webpack -p --define process.env.NODE_ENV='\"production\"' --progress --colors", 8 | "serve": "webpack-dev-server --progress --inline --profile --colors --display-error-details --history-api-fallback true --open", 9 | "start": "npm run clean && npm run serve" 10 | }, 11 | "author": "Yousuf Qutubuddin", 12 | "authorGithub": "https://github.com/uqutub", 13 | "license": "ISC", 14 | "dependencies": { 15 | "react": "15.3.2", 16 | "react-dom": "15.3.2", 17 | "react-router": "^3.0.2", 18 | "react-redux": "^4.4.5", 19 | "redux": "^3.6.0", 20 | "redux-actions": "^0.12.0", 21 | "redux-observable": "^0.12.1", 22 | "rxjs": "^5.0.0-rc.1" 23 | }, 24 | "devDependencies": { 25 | "@types/react-router": "^3.0.5", 26 | "@types/react-redux": "^4.4.32", 27 | "@types/redux": "^3.6.31", 28 | "@types/redux-actions": "^0.8.30", 29 | "@types/core-js": "0.9.34", 30 | "@types/react": "0.14.41", 31 | "@types/react-dom": "0.14.18", 32 | "copy-webpack-plugin": "3.0.1", 33 | "file-loader": "0.9.0", 34 | "html-webpack-plugin": "2.24.0", 35 | "json-loader": "0.5.4", 36 | "raw-loader": "0.5.1", 37 | "sass-loader": "4.0.2", 38 | "source-map-loader": "0.1.5", 39 | "ts-loader": "0.9.5", 40 | "typescript": "2.2.1", 41 | "url-loader": "0.5.7", 42 | "webpack": "1.13.2", 43 | "webpack-dev-server": "1.16.2" 44 | } 45 | } -------------------------------------------------------------------------------- /03 Redux/Redux/src/component/Back/Back.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import { browserHistory } from 'react-router'; 3 | 4 | export class Back extends React.Component { 5 | 6 | constructor() { 7 | super(); 8 | } 9 | 10 | goBack(e) { 11 | e.preventDefault(); 12 | browserHistory.goBack(); 13 | } 14 | 15 | render() { 16 | return ( 17 |
18 | back... 19 |
20 | ) 21 | } 22 | } -------------------------------------------------------------------------------- /03 Redux/Redux/src/component/CounterShow/Counter.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | 3 | export class ShowCounter extends React.Component { 4 | 5 | constructor() { 6 | super(); 7 | } 8 | 9 | render() { 10 | return ( 11 |

Count: {this.props.counter}

12 | ) 13 | } 14 | } -------------------------------------------------------------------------------- /03 Redux/Redux/src/container/About/About.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import { connect } from "react-redux"; 3 | 4 | import { Back } from "../../component/Back/Back"; 5 | import { ShowCounter } from "../../component/CounterShow/Counter"; 6 | 7 | function mapStateToProps(state: any) { 8 | return { 9 | counter: state.counterReducer['count'], 10 | }; 11 | } 12 | 13 | // note: React.Component 14 | class About extends React.Component { 15 | 16 | constructor() { 17 | super(); 18 | } 19 | 20 | render() { 21 | return ( 22 |
23 |

24 | About Page 25 |

26 | 27 | 28 |
29 | ) 30 | } 31 | } 32 | 33 | export default connect(mapStateToProps, null)(About); -------------------------------------------------------------------------------- /03 Redux/Redux/src/container/App/App.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import { Link } from "react-router"; 3 | 4 | // note: React.Component 5 | export class App extends React.Component { 6 | 7 | constructor() { 8 | super(); 9 | } 10 | 11 | render() { 12 | return ( 13 |
14 |
App Component...... (optional: also placed nav bar)
15 |
    16 |
  • Home
    • 17 |
  • About
    • 18 |
  • Contact
    • 19 |
20 |
21 | {this.props.children} 22 |
23 | ) 24 | } 25 | } -------------------------------------------------------------------------------- /03 Redux/Redux/src/container/Contact/Contact.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import { Back } from "../../component/Back/Back"; 3 | 4 | // note: React.Component 5 | export class Contact extends React.Component { 6 | 7 | constructor() { 8 | super(); 9 | } 10 | 11 | render() { 12 | return ( 13 |
14 |

15 | Contact Page 16 |

17 | 18 |
19 | ) 20 | } 21 | } -------------------------------------------------------------------------------- /03 Redux/Redux/src/container/Home/Home.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import { connect } from "react-redux"; 3 | 4 | import { CounterAction as Action } from '../../store/action/counter'; 5 | import { ShowCounter } from "../../component/CounterShow/Counter"; 6 | import { Back } from "../../component/Back/Back"; 7 | 8 | function mapStateToProps(state: any) { 9 | return { 10 | counter: state.counterReducer['count'], 11 | }; 12 | } 13 | 14 | function mapDispatchToProps(dispatch: any) { 15 | return { 16 | incrmnt: (): void => dispatch(Action.increment()), 17 | decrmnt: (): void => dispatch(Action.decrement()) 18 | }; 19 | } 20 | 21 | // note: React.Component 22 | class Home extends React.Component { 23 | 24 | constructor() { 25 | super(); 26 | } 27 | 28 | render() { 29 | return ( 30 |
31 |

32 | Home Page 33 |

34 | 35 |
36 | 37 | 38 |
39 | 40 |
41 | ) 42 | } 43 | } 44 | 45 | export default connect(mapStateToProps, mapDispatchToProps)(Home); -------------------------------------------------------------------------------- /03 Redux/Redux/src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | HelloWorld 8 | 9 | 10 | 11 |
12 | 13 | 14 | -------------------------------------------------------------------------------- /03 Redux/Redux/src/index.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import * as ReactDOM from "react-dom"; 3 | import { Router, Route, IndexRoute, hashHistory, browserHistory } from 'react-router'; 4 | import { Provider } from 'react-redux'; 5 | 6 | import { store } from './store/index'; 7 | import { App } from "./container/App/App"; 8 | import Home from "./container/Home/Home"; 9 | import About from "./container/About/About"; 10 | import { Contact } from "./container/Contact/Contact"; 11 | 12 | ReactDOM.render( 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | , 23 | document.getElementById('root') 24 | ); -------------------------------------------------------------------------------- /03 Redux/Redux/src/store/action/counter.ts: -------------------------------------------------------------------------------- 1 | import { createAction } from 'redux-actions'; 2 | 3 | export class CounterAction { 4 | 5 | static INCREMENT_COUNTER = 'INCREMENT_COUNTER'; 6 | static DECREMENT_COUNTER = 'DECREMENT_COUNTER'; 7 | static DUMMY = 'DUMMY'; 8 | 9 | static increment() { 10 | return { 11 | type: CounterAction.INCREMENT_COUNTER, 12 | }; 13 | } 14 | 15 | static decrement() { 16 | return { 17 | type: CounterAction.DECREMENT_COUNTER, 18 | }; 19 | } 20 | 21 | 22 | static addTodo = createAction( 23 | CounterAction.DUMMY, 24 | payload => payload 25 | ); 26 | 27 | } 28 | -------------------------------------------------------------------------------- /03 Redux/Redux/src/store/index.ts: -------------------------------------------------------------------------------- 1 | // https://redux-observable.js.org/docs/basics/SettingUpTheMiddleware.html 2 | 3 | import { combineReducers, createStore, applyMiddleware } from 'redux'; 4 | import { combineEpics, createEpicMiddleware } from 'redux-observable'; 5 | 6 | // Application State IAppState 7 | interface IAppState { 8 | counterReducer 9 | } 10 | 11 | // reducers 12 | import { counterReducer } from './reducer/counter'; 13 | 14 | // Application Reducers 15 | const rootReducer = combineReducers({ 16 | counterReducer 17 | }); 18 | 19 | export let store = createStore(rootReducer); 20 | -------------------------------------------------------------------------------- /03 Redux/Redux/src/store/reducer/counter.ts: -------------------------------------------------------------------------------- 1 | import { CounterAction } from '../action/counter'; 2 | 3 | const INITIAL_STATE = { 4 | count: 0, 5 | }; 6 | 7 | interface IAction { 8 | type: string, 9 | payload?: any 10 | } 11 | 12 | export function counterReducer(state = INITIAL_STATE, action: IAction) { 13 | switch (action.type) { 14 | 15 | case CounterAction.INCREMENT_COUNTER: 16 | return Object.assign({}, state, { count: state.count + 1 }); 17 | 18 | case CounterAction.DECREMENT_COUNTER: 19 | return Object.assign({}, state, { count: state.count - 1 }); 20 | 21 | default: 22 | return state; 23 | } 24 | } -------------------------------------------------------------------------------- /03 Redux/Redux/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "outDir": "./dist/", 4 | "sourceMap": true, 5 | "noImplicitAny": false, 6 | "target": "es5", 7 | "jsx": "react" 8 | }, 9 | "files": [ 10 | "./src/index.tsx" 11 | ], 12 | "exclude": [ 13 | "./node_modules", 14 | "./dist" 15 | ] 16 | } -------------------------------------------------------------------------------- /03 Redux/Redux/webpack.config.js: -------------------------------------------------------------------------------- 1 | var webpack = require('webpack'); 2 | var HtmlWebpackPlugin = require('html-webpack-plugin'); 3 | var CopyWebpackPlugin = require('copy-webpack-plugin'); 4 | var ProvidePlugin = require('webpack/lib/ProvidePlugin'); 5 | 6 | module.exports = { 7 | entry: './src/index.tsx', 8 | output: { 9 | path: './dist', 10 | filename: 'app.bundle.js', 11 | sourceMapFilename: 'app.bundle.map' 12 | }, 13 | 14 | // Enable sourcemaps for debugging webpack's output. 15 | devtool: 'source-map', 16 | debug: true, 17 | 18 | resolve: { 19 | // Add '.ts' and '.tsx' as resolvable extensions. 20 | extensions: ["", ".ts", ".tsx", ".js", '.html', '.css', '.scss', '.json'], 21 | }, 22 | 23 | module: { 24 | preLoaders: [ 25 | // All output '.js' files will have any sourcemaps re-processed by 'source-map-loader'. 26 | { test: /\.js$/, loader: "source-map-loader" } 27 | ], 28 | 29 | loaders: [ 30 | // All files with a '.ts' or '.tsx' extension will be handled by 'ts-loader'. 31 | { test: /\.ts$|.tsx$/, loader: 'ts-loader', exclude: './node_modules' }, 32 | // { test: /\.jsx?$/, loaders: ['react-hot', 'babel'], exclude: './node_modules' }, 33 | { test: /\.html$/, loader: 'raw' }, 34 | { test: /\.css$/, loader: 'raw' }, 35 | { test: /\.scss$/, loaders: ['raw', 'sass'] }, 36 | { test: /\.json$/, loader: 'json-loader' } 37 | // ,{ 38 | // test: /\.(woff|woff2)(\?v=\d+\.\d+\.\d+)?$/, 39 | // loader: 'url?limit=10000&mimetype=application/font-woff' 40 | // }, 41 | // { 42 | // test: /\.ttf(\?v=\d+\.\d+\.\d+)?$/, 43 | // loader: 'url?limit=10000&mimetype=application/octet-stream' 44 | // }, 45 | // { 46 | // test: /\.eot(\?v=\d+\.\d+\.\d+)?$/, 47 | // loader: 'file' 48 | // }, 49 | // { 50 | // test: /\.svg(\?v=\d+\.\d+\.\d+)?$/, 51 | // loader: 'url?limit=10000&mimetype=image/svg+xml' 52 | // } 53 | ] 54 | }, 55 | 56 | plugins: [ 57 | new HtmlWebpackPlugin({ 58 | template: './src/index.html' 59 | }), 60 | new CopyWebpackPlugin([ 61 | { from: 'src/assets', to: 'assets' } 62 | ]), 63 | new webpack.DefinePlugin({ 64 | app: { 65 | environment: JSON.stringify(process.env.APP_ENVIRONMENT || 'development') 66 | } 67 | }), 68 | new webpack.HotModuleReplacementPlugin() 69 | ], 70 | 71 | tslint: { 72 | emitErrors: true, 73 | failOnHint: true, 74 | resourcePath: 'src' 75 | }, 76 | 77 | devServer: { 78 | port: 5253, 79 | host: 'localhost', 80 | } 81 | } -------------------------------------------------------------------------------- /04 QFire/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "react-helloworld", 3 | "version": "1.0.0", 4 | "description": "react helloWorld", 5 | "scripts": { 6 | "clean": "rm -rf ./dist", 7 | "build:prod": "webpack -p --define process.env.NODE_ENV='\"production\"' --progress --colors", 8 | "serve": "webpack-dev-server --progress --inline --profile --colors --display-error-details --history-api-fallback true --open", 9 | "start": "npm run clean && npm run serve" 10 | }, 11 | "author": "Yousuf Qutubuddin", 12 | "authorGithub": "https://github.com/uqutub", 13 | "license": "ISC", 14 | "dependencies": { 15 | "firebase": "^3.6.10", 16 | "react": "15.3.2", 17 | "react-dom": "15.3.2", 18 | "react-redux": "^4.4.5", 19 | "react-router": "^3.0.2", 20 | "redux": "^3.6.0", 21 | "redux-actions": "^0.12.0", 22 | "redux-observable": "^0.12.1", 23 | "rxjs": "^5.0.0-rc.1" 24 | }, 25 | "devDependencies": { 26 | "@types/react-router": "^3.0.5", 27 | "@types/react-redux": "^4.4.32", 28 | "@types/redux": "^3.6.31", 29 | "@types/redux-actions": "^0.8.30", 30 | "@types/core-js": "0.9.34", 31 | "@types/react": "0.14.41", 32 | "@types/react-dom": "0.14.18", 33 | "copy-webpack-plugin": "3.0.1", 34 | "file-loader": "0.9.0", 35 | "html-webpack-plugin": "2.24.0", 36 | "json-loader": "0.5.4", 37 | "raw-loader": "0.5.1", 38 | "sass-loader": "4.0.2", 39 | "source-map-loader": "0.1.5", 40 | "ts-loader": "0.9.5", 41 | "typescript": "2.2.1", 42 | "url-loader": "0.5.7", 43 | "webpack": "1.13.2", 44 | "webpack-dev-server": "1.16.2" 45 | } 46 | } 47 | -------------------------------------------------------------------------------- /04 QFire/src/component/Back/Back.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import { browserHistory } from 'react-router'; 3 | 4 | export class Back extends React.Component { 5 | 6 | constructor() { 7 | super(); 8 | } 9 | 10 | goBack(e) { 11 | e.preventDefault(); 12 | browserHistory.goBack(); 13 | } 14 | 15 | render() { 16 | return ( 17 |
18 | back... 19 |
20 | ) 21 | } 22 | } -------------------------------------------------------------------------------- /04 QFire/src/component/CounterShow/Counter.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | 3 | export class ShowCounter extends React.Component { 4 | 5 | constructor() { 6 | super(); 7 | } 8 | 9 | render() { 10 | return ( 11 |

Count: {this.props.counter}

12 | ) 13 | } 14 | } -------------------------------------------------------------------------------- /04 QFire/src/container/About/About.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import { connect } from "react-redux"; 3 | 4 | import { Back } from "../../component/Back/Back"; 5 | import { ShowCounter } from "../../component/CounterShow/Counter"; 6 | 7 | function mapStateToProps(state: any) { 8 | return { 9 | counter: state.counterReducer['count'], 10 | }; 11 | } 12 | 13 | // note: React.Component 14 | class About extends React.Component { 15 | 16 | constructor() { 17 | super(); 18 | } 19 | 20 | render() { 21 | return ( 22 |
23 |

24 | About Page 25 |

26 | 27 | 28 |
29 | ) 30 | } 31 | } 32 | 33 | export default connect(mapStateToProps, null)(About); -------------------------------------------------------------------------------- /04 QFire/src/container/App/App.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import { Link } from "react-router"; 3 | 4 | // note: React.Component 5 | export class App extends React.Component { 6 | 7 | constructor() { 8 | super(); 9 | } 10 | 11 | render() { 12 | return ( 13 |
14 |
App Component...... (optional: also placed nav bar)
15 |
    16 |
  • Home
    • 17 |
  • About
    • 18 |
  • Contact
    • 19 |
20 |
21 | {this.props.children} 22 |
23 | ) 24 | } 25 | } -------------------------------------------------------------------------------- /04 QFire/src/container/Contact/Contact.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import { Back } from "../../component/Back/Back"; 3 | 4 | // note: React.Component 5 | export class Contact extends React.Component { 6 | 7 | constructor() { 8 | super(); 9 | } 10 | 11 | render() { 12 | return ( 13 |
14 |

15 | Contact Page 16 |

17 | 18 |
19 | ) 20 | } 21 | } -------------------------------------------------------------------------------- /04 QFire/src/container/Home/Home.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import { connect } from "react-redux"; 3 | 4 | import { CounterAction as Action } from '../../store/action/counter'; 5 | import { GitAction } from '../../store/action/git'; 6 | import { FbAction } from '../../store/action/fb'; 7 | import { Back } from "../../component/Back/Back"; 8 | import { ShowCounter } from "../../component/CounterShow/Counter"; 9 | 10 | function mapStateToProps(state: any) { 11 | return { 12 | counter: state.counterReducer['count'], 13 | userData: state.gitReducer['userData'], 14 | isLoading: state.gitReducer['isLoading'], 15 | fbUsers: state.fbReducer['users'] 16 | }; 17 | } 18 | 19 | function mapDispatchToProps(dispatch: any) { 20 | return { 21 | incrmnt: (): void => dispatch(Action.increment()), 22 | decrmnt: (): void => dispatch(Action.decrement()), 23 | getData: (): void => dispatch((GitAction.getDataFromUrl())), 24 | getFbSuers: (): void => dispatch((FbAction.asyncUsers())), 25 | }; 26 | } 27 | 28 | // note: React.Component 29 | class Home extends React.Component { 30 | 31 | constructor() { 32 | super(); 33 | setTimeout(() => { 34 | this.props.getData(); 35 | this.props.getFbSuers(); 36 | }, 2000) 37 | } 38 | 39 | render() { 40 | 41 | return ( 42 |
43 |

44 | Home Page 45 |

46 | 47 |
48 | 49 |
50 | 
51 |                     {(this.props.isLoading) ? 'Loading Data....... ' : JSON.stringify(this.props.userData, null, 2)}
52 |
53 |
54 |

Firebase Users

55 | Length: {this.props.fbUsers.length} 56 | 
57 |                         {JSON.stringify(this.props.fbUsers, null, 2)}
58 |
59 |
60 | 61 |
62 | ) 63 | } 64 | } 65 | 66 | export default connect(mapStateToProps, mapDispatchToProps)(Home); -------------------------------------------------------------------------------- /04 QFire/src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | HelloWorld 8 | 9 | 10 | 11 |
12 | 13 | 14 | -------------------------------------------------------------------------------- /04 QFire/src/index.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import * as ReactDOM from "react-dom"; 3 | import { Router, Route, IndexRoute, hashHistory, browserHistory } from 'react-router'; 4 | import { Provider } from 'react-redux'; 5 | 6 | import { store } from './store/index'; 7 | import { App } from "./container/App/App"; 8 | import Home from "./container/Home/Home"; 9 | import About from "./container/About/About"; 10 | import { Contact } from "./container/Contact/Contact"; 11 | 12 | ReactDOM.render( 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | , 23 | document.getElementById('root') 24 | ); -------------------------------------------------------------------------------- /04 QFire/src/service/http.ts: -------------------------------------------------------------------------------- 1 | import { Observable } from 'rxjs/Observable'; 2 | import 'rxjs/add/observable/dom/ajax'; 3 | 4 | // https://xgrommx.github.io/rx-book/content/rxjs_bindings/dom/index.html#rxdomrequestgetjsonurl 5 | // https://github.com/ReactiveX/rxjs/blob/master/src/observable/dom/AjaxObservable.ts 6 | 7 | export class HttpService { 8 | 9 | static get(url: string, headers: Object = null): Observable { 10 | return Observable.ajax({ 11 | url, 12 | method: 'GET', 13 | async: true, 14 | crossDomain: true, 15 | responseType: 'json', 16 | createXHR: () => new XMLHttpRequest() 17 | }); 18 | } // get 19 | 20 | static post(url: string, body: any, headers = { 'Content-Type': 'application/json' }): Observable { 21 | return Observable.ajax({ 22 | url, 23 | method: 'POST', 24 | body, 25 | headers, 26 | async: true, 27 | crossDomain: true, 28 | responseType: 'json', 29 | createXHR: () => new XMLHttpRequest() 30 | }); 31 | } // post 32 | } -------------------------------------------------------------------------------- /04 QFire/src/service/qFire.ts: -------------------------------------------------------------------------------- 1 | import { Observable, Subject } from "rxjs/Rx"; 2 | 3 | import * as firebase from 'firebase'; 4 | let config = { 5 | 6 | }; 7 | firebase.initializeApp(config); 8 | 9 | class QFire { 10 | 11 | private mainRef = firebase.database().ref('/'); 12 | 13 | node: string = null; 14 | Obj: any = {}; 15 | 16 | constructor() { 17 | console.log('FirebaseService Constructor node: '); 18 | } 19 | 20 | child_added(child_added$) { 21 | this.mainRef.child(this.node).on('child_added', (snapshot: any) => { 22 | this.setVariables(snapshot.val(), snapshot.key, 'added', child_added$); 23 | }); 24 | } 25 | 26 | child_changed(child_changed$) { 27 | this.mainRef.child(this.node).on('child_changed', (snapshot: any) => { 28 | this.setVariables(snapshot.val(), snapshot.key, 'changed', child_changed$); 29 | }); 30 | } 31 | 32 | child_removed(child_removed$) { 33 | this.mainRef.child(this.node).on('child_removed', (snapshot: any) => { 34 | this.setVariables(snapshot.val(), snapshot.key, 'removed', child_removed$); 35 | }); 36 | } 37 | 38 | 39 | setVariables(obj: any, key: string, evnt: string, subject) { 40 | let _obj = null; 41 | 42 | if (evnt == 'added' || 'changed') { 43 | _obj = Object.assign({}, obj); 44 | _obj['$key'] = key; 45 | } 46 | 47 | // on child_added 48 | if (evnt == 'added') { 49 | this.Obj[key] = _obj; 50 | 51 | _obj['child_added'] = true; 52 | subject.next(_obj); 53 | } 54 | 55 | // on child_changed 56 | if (evnt == 'changed') { 57 | this.Obj[key] = _obj; 58 | 59 | _obj['child_changed'] = true; 60 | subject.next(_obj) 61 | } 62 | 63 | // on child_removed 64 | if (evnt == 'removed') { 65 | delete this.Obj[key]; 66 | 67 | subject.next(key); 68 | } 69 | 70 | _obj = null; 71 | } 72 | 73 | list(node: string) { 74 | // before events close/off registered all events 75 | this.mainRef.child(node).off(); 76 | this.node = node; 77 | 78 | let child_added$ = new Subject(); 79 | let child_changed$ = new Subject(); 80 | let child_removed$ = new Subject(); 81 | 82 | 83 | this.child_added(child_added$); 84 | this.child_changed(child_changed$); 85 | this.child_removed(child_removed$); 86 | return Observable.merge(child_added$, child_changed$, child_removed$); 87 | } 88 | 89 | } 90 | 91 | 92 | export let qFire = new QFire(); 93 | 94 | // qFire 95 | // .list('users').subscribe(dataReader) 96 | // function dataReader(obj: any) { 97 | // if (obj && obj['child_added']) { 98 | // console.log('child_added: ', obj) 99 | // } else if (obj && obj['child_changed']) { 100 | // console.log('child_changed: ', obj) 101 | // } else if (obj && typeof (obj) == 'string') { 102 | // console.log('child_removed: ', obj) 103 | // } 104 | // } 105 | -------------------------------------------------------------------------------- /04 QFire/src/store/action/counter.ts: -------------------------------------------------------------------------------- 1 | import { createAction } from 'redux-actions'; 2 | 3 | export class CounterAction { 4 | 5 | static INCREMENT_COUNTER = 'INCREMENT_COUNTER'; 6 | static DECREMENT_COUNTER = 'DECREMENT_COUNTER'; 7 | static DUMMY = 'DUMMY'; 8 | 9 | static increment() { 10 | return { 11 | type: CounterAction.INCREMENT_COUNTER, 12 | }; 13 | } 14 | 15 | static decrement() { 16 | return { 17 | type: CounterAction.DECREMENT_COUNTER, 18 | }; 19 | } 20 | 21 | 22 | static addTodo = createAction( 23 | CounterAction.DUMMY, 24 | payload => payload 25 | ); 26 | 27 | } 28 | -------------------------------------------------------------------------------- /04 QFire/src/store/action/fb.ts: -------------------------------------------------------------------------------- 1 | import { createAction } from 'redux-actions'; 2 | 3 | export class FbAction { 4 | 5 | static SYNCUSERS = 'SYNCUSERS'; 6 | static ADD = 'ADD'; 7 | static UPDATE = 'UPDATE'; 8 | static DEL = 'DEL'; 9 | 10 | static asyncUsers() { 11 | return { 12 | type: FbAction.SYNCUSERS 13 | }; 14 | } 15 | 16 | 17 | 18 | } 19 | -------------------------------------------------------------------------------- /04 QFire/src/store/action/git.ts: -------------------------------------------------------------------------------- 1 | 2 | export class GitAction { 3 | 4 | static GetDataFromUrl = 'GetDataFromUrl'; 5 | static GetDataFromUrl_SUCCESS = 'GetDataFromUrl_SUCCESS'; 6 | static GetDataFromUrl_FAIL = 'GetDataFromUrl_FAIL'; 7 | 8 | static getDataFromUrl() { 9 | return { 10 | type: GitAction.GetDataFromUrl 11 | }; 12 | } 13 | } 14 | -------------------------------------------------------------------------------- /04 QFire/src/store/epic/fb.ts: -------------------------------------------------------------------------------- 1 | import { Observable } from "rxjs"; 2 | import { ActionsObservable } from "redux-observable"; 3 | 4 | import { FbAction } from "./../action/fb"; 5 | import { qFire } from '../../service/qFire'; 6 | 7 | class FbEpic { 8 | 9 | getUserData = (action$: ActionsObservable) => 10 | action$.ofType(FbAction.SYNCUSERS) 11 | .switchMap(({payload}) => { 12 | return qFire.list('users') 13 | .switchMap((obj) => { 14 | if (obj && obj['child_added']) { 15 | return Observable.of({ 16 | type: FbAction.ADD, 17 | payload: obj 18 | }); 19 | } else if (obj && obj['child_changed']) { 20 | // console.log('onChildChnaged ', obj) 21 | return Observable.of({ 22 | type: FbAction.UPDATE, 23 | payload: obj 24 | }); 25 | } else if (obj && typeof (obj) == 'string') { 26 | // console.log('onDelete ', obj) 27 | return Observable.of({ 28 | type: FbAction.DEL, 29 | payload: obj 30 | }); 31 | } 32 | }); 33 | }) 34 | 35 | } 36 | 37 | 38 | export let fbEpic = new FbEpic(); -------------------------------------------------------------------------------- /04 QFire/src/store/epic/git.ts: -------------------------------------------------------------------------------- 1 | import { Observable } from "rxjs"; 2 | import { ActionsObservable } from "redux-observable"; 3 | 4 | import { GitAction } from "./../action/git"; 5 | import { HttpService } from "./../../service/http"; 6 | 7 | class GitEpic { 8 | 9 | getUserData = (action$: ActionsObservable) => 10 | action$.ofType(GitAction.GetDataFromUrl) 11 | .switchMap(({payload}) => { 12 | return HttpService.get('https://api.github.com/users/uqutub') 13 | .switchMap(({response}) => { 14 | return Observable.of({ 15 | type: GitAction.GetDataFromUrl_SUCCESS, 16 | payload: response 17 | }); 18 | }); 19 | }) 20 | 21 | } 22 | 23 | 24 | export let gitEpic = new GitEpic(); -------------------------------------------------------------------------------- /04 QFire/src/store/index.ts: -------------------------------------------------------------------------------- 1 | // https://redux-observable.js.org/docs/basics/SettingUpTheMiddleware.html 2 | 3 | import { combineReducers, createStore, applyMiddleware } from 'redux'; 4 | import { combineEpics, createEpicMiddleware } from 'redux-observable'; 5 | 6 | // Application State IAppState 7 | interface IAppState { 8 | counterReducer, 9 | gitReducer, 10 | fbReducer 11 | } 12 | 13 | // reducers 14 | import { counterReducer } from './reducer/counter'; 15 | import { gitReducer } from './reducer/git'; 16 | import { fbReducer } from './reducer/fb'; 17 | 18 | // epics 19 | import { gitEpic } from './epic/git'; 20 | import { fbEpic } from './epic/fb'; 21 | 22 | // Application Epics / Effects 23 | const rootEpic = combineEpics( 24 | gitEpic.getUserData, 25 | fbEpic.getUserData 26 | ); 27 | 28 | // Application Reducers 29 | const rootReducer = combineReducers({ 30 | counterReducer, 31 | gitReducer, 32 | fbReducer 33 | }); 34 | 35 | 36 | const epicMiddleware = createEpicMiddleware(rootEpic); 37 | 38 | const createStoreWithMiddleware = applyMiddleware(epicMiddleware)(createStore); 39 | 40 | export let store = createStoreWithMiddleware(rootReducer); 41 | -------------------------------------------------------------------------------- /04 QFire/src/store/reducer/counter.ts: -------------------------------------------------------------------------------- 1 | import { CounterAction } from '../action/counter'; 2 | 3 | const INITIAL_STATE = { 4 | count: 0, 5 | }; 6 | 7 | interface IAction { 8 | type: string, 9 | payload?: any 10 | } 11 | 12 | export function counterReducer(state = INITIAL_STATE, action: IAction) { 13 | switch (action.type) { 14 | case CounterAction.INCREMENT_COUNTER: 15 | return Object.assign({}, state, { count: state.count + 1 }); 16 | case CounterAction.DECREMENT_COUNTER: 17 | return Object.assign({}, state, { count: state.count - 1 }); 18 | default: 19 | return state; 20 | } 21 | } -------------------------------------------------------------------------------- /04 QFire/src/store/reducer/fb.ts: -------------------------------------------------------------------------------- 1 | import { FbAction } from '../action/fb'; 2 | 3 | const INITIAL_STATE = { 4 | users: [], 5 | }; 6 | 7 | interface IAction { 8 | type: string, 9 | payload?: any 10 | } 11 | 12 | export function fbReducer(state = INITIAL_STATE, action: IAction) { 13 | let newState = null; 14 | switch (action.type) { 15 | 16 | case FbAction.ADD: 17 | newState = [...state.users]; 18 | newState.push(action.payload); 19 | return Object.assign({}, state, { users: newState }); 20 | 21 | case FbAction.UPDATE: 22 | console.info('catch action from epic: update', action.payload) 23 | return Object.assign({}, state); 24 | 25 | case FbAction.DEL: 26 | console.info('catch action from epic: del', action.payload) 27 | return Object.assign({}, state); 28 | 29 | default: 30 | return state; 31 | } 32 | } -------------------------------------------------------------------------------- /04 QFire/src/store/reducer/git.ts: -------------------------------------------------------------------------------- 1 | import { GitAction } from '../action/git'; 2 | 3 | const INITIAL_STATE = { 4 | isLoading: true, 5 | userData: {} 6 | }; 7 | 8 | interface IAction { 9 | type: string, 10 | payload?: any 11 | } 12 | 13 | export function gitReducer(state = INITIAL_STATE, action: IAction) { 14 | switch (action.type) { 15 | case GitAction.GetDataFromUrl: 16 | return Object.assign({}, state, {isLoading: true}); 17 | case GitAction.GetDataFromUrl_SUCCESS: 18 | return Object.assign({}, state, { userData: action.payload, isLoading: false }); 19 | default: 20 | return state; 21 | } 22 | } -------------------------------------------------------------------------------- /04 QFire/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "outDir": "./dist/", 4 | "sourceMap": true, 5 | "noImplicitAny": false, 6 | "target": "es5", 7 | "jsx": "react" 8 | }, 9 | "files": [ 10 | "./src/index.tsx" 11 | ], 12 | "exclude": [ 13 | "./node_modules", 14 | "./dist" 15 | ] 16 | } -------------------------------------------------------------------------------- /04 QFire/webpack.config.js: -------------------------------------------------------------------------------- 1 | var webpack = require('webpack'); 2 | var HtmlWebpackPlugin = require('html-webpack-plugin'); 3 | var CopyWebpackPlugin = require('copy-webpack-plugin'); 4 | var ProvidePlugin = require('webpack/lib/ProvidePlugin'); 5 | 6 | module.exports = { 7 | entry: './src/index.tsx', 8 | output: { 9 | path: './dist', 10 | filename: 'app.bundle.js', 11 | sourceMapFilename: 'app.bundle.map' 12 | }, 13 | 14 | // Enable sourcemaps for debugging webpack's output. 15 | devtool: 'source-map', 16 | debug: true, 17 | 18 | resolve: { 19 | // Add '.ts' and '.tsx' as resolvable extensions. 20 | extensions: ["", ".ts", ".tsx", ".js", '.html', '.css', '.scss', '.json'], 21 | }, 22 | 23 | module: { 24 | preLoaders: [ 25 | // All output '.js' files will have any sourcemaps re-processed by 'source-map-loader'. 26 | { test: /\.js$/, loader: "source-map-loader" } 27 | ], 28 | 29 | loaders: [ 30 | // All files with a '.ts' or '.tsx' extension will be handled by 'ts-loader'. 31 | { test: /\.ts$|.tsx$/, loader: 'ts-loader', exclude: './node_modules' }, 32 | // { test: /\.jsx?$/, loaders: ['react-hot', 'babel'], exclude: './node_modules' }, 33 | { test: /\.html$/, loader: 'raw' }, 34 | { test: /\.css$/, loader: 'raw' }, 35 | { test: /\.scss$/, loaders: ['raw', 'sass'] }, 36 | { test: /\.json$/, loader: 'json-loader' } 37 | // ,{ 38 | // test: /\.(woff|woff2)(\?v=\d+\.\d+\.\d+)?$/, 39 | // loader: 'url?limit=10000&mimetype=application/font-woff' 40 | // }, 41 | // { 42 | // test: /\.ttf(\?v=\d+\.\d+\.\d+)?$/, 43 | // loader: 'url?limit=10000&mimetype=application/octet-stream' 44 | // }, 45 | // { 46 | // test: /\.eot(\?v=\d+\.\d+\.\d+)?$/, 47 | // loader: 'file' 48 | // }, 49 | // { 50 | // test: /\.svg(\?v=\d+\.\d+\.\d+)?$/, 51 | // loader: 'url?limit=10000&mimetype=image/svg+xml' 52 | // } 53 | ] 54 | }, 55 | 56 | plugins: [ 57 | new HtmlWebpackPlugin({ 58 | template: './src/index.html' 59 | }), 60 | new CopyWebpackPlugin([ 61 | { from: 'src/assets', to: 'assets' } 62 | ]), 63 | new webpack.DefinePlugin({ 64 | app: { 65 | environment: JSON.stringify(process.env.APP_ENVIRONMENT || 'development') 66 | } 67 | }), 68 | new webpack.HotModuleReplacementPlugin() 69 | ], 70 | 71 | tslint: { 72 | emitErrors: true, 73 | failOnHint: true, 74 | resourcePath: 'src' 75 | }, 76 | 77 | devServer: { 78 | port: 5253, 79 | host: 'localhost', 80 | } 81 | } -------------------------------------------------------------------------------- /05 reactNative-helloWorld/FirstProject/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["react-native"] 3 | } -------------------------------------------------------------------------------- /05 reactNative-helloWorld/FirstProject/.buckconfig: -------------------------------------------------------------------------------- 1 | 2 | [android] 3 | target = Google Inc.:Google APIs:23 4 | 5 | [maven_repositories] 6 | central = https://repo1.maven.org/maven2 7 | -------------------------------------------------------------------------------- /05 reactNative-helloWorld/FirstProject/.flowconfig: -------------------------------------------------------------------------------- 1 | [ignore] 2 | ; We fork some components by platform 3 | .*/*[.]android.js 4 | 5 | ; Ignore "BUCK" generated dirs 6 | /\.buckd/ 7 | 8 | ; Ignore unexpected extra "@providesModule" 9 | .*/node_modules/.*/node_modules/fbjs/.* 10 | 11 | ; Ignore duplicate module providers 12 | ; For RN Apps installed via npm, "Libraries" folder is inside 13 | ; "node_modules/react-native" but in the source repo it is in the root 14 | .*/Libraries/react-native/React.js 15 | .*/Libraries/react-native/ReactNative.js 16 | 17 | [include] 18 | 19 | [libs] 20 | node_modules/react-native/Libraries/react-native/react-native-interface.js 21 | node_modules/react-native/flow 22 | flow/ 23 | 24 | [options] 25 | module.system=haste 26 | 27 | experimental.strict_type_args=true 28 | 29 | munge_underscores=true 30 | 31 | module.name_mapper='^[./a-zA-Z0-9$_-]+\.\(bmp\|gif\|jpg\|jpeg\|png\|psd\|svg\|webp\|m4v\|mov\|mp4\|mpeg\|mpg\|webm\|aac\|aiff\|caf\|m4a\|mp3\|wav\|html\|pdf\)$' -> 'RelativeImageStub' 32 | 33 | suppress_type=$FlowIssue 34 | suppress_type=$FlowFixMe 35 | suppress_type=$FixMe 36 | 37 | suppress_comment=\\(.\\|\n\\)*\\$FlowFixMe\\($\\|[^(]\\|(\\(>=0\\.\\(3[0-7]\\|[1-2][0-9]\\|[0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\) 38 | suppress_comment=\\(.\\|\n\\)*\\$FlowIssue\\((\\(>=0\\.\\(3[0-7]\\|1[0-9]\\|[1-2][0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)?:? #[0-9]+ 39 | suppress_comment=\\(.\\|\n\\)*\\$FlowFixedInNextDeploy 40 | 41 | unsafe.enable_getters_and_setters=true 42 | 43 | [version] 44 | ^0.37.0 45 | -------------------------------------------------------------------------------- /05 reactNative-helloWorld/FirstProject/.gitattributes: -------------------------------------------------------------------------------- 1 | *.pbxproj -text 2 | -------------------------------------------------------------------------------- /05 reactNative-helloWorld/FirstProject/.gitignore: -------------------------------------------------------------------------------- 1 | # OSX 2 | # 3 | .DS_Store 4 | 5 | # Xcode 6 | # 7 | build/ 8 | *.pbxuser 9 | !default.pbxuser 10 | *.mode1v3 11 | !default.mode1v3 12 | *.mode2v3 13 | !default.mode2v3 14 | *.perspectivev3 15 | !default.perspectivev3 16 | xcuserdata 17 | *.xccheckout 18 | *.moved-aside 19 | DerivedData 20 | *.hmap 21 | *.ipa 22 | *.xcuserstate 23 | project.xcworkspace 24 | 25 | # Android/IntelliJ 26 | # 27 | build/ 28 | .idea 29 | .gradle 30 | local.properties 31 | *.iml 32 | 33 | # node.js 34 | # 35 | node_modules/ 36 | npm-debug.log 37 | yarn-error.log 38 | 39 | # BUCK 40 | buck-out/ 41 | \.buckd/ 42 | android/app/libs 43 | *.keystore 44 | 45 | # fastlane 46 | # 47 | # It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the 48 | # screenshots whenever they are needed. 49 | # For more information about the recommended setup visit: 50 | # https://github.com/fastlane/fastlane/blob/master/fastlane/docs/Gitignore.md 51 | 52 | fastlane/report.xml 53 | fastlane/Preview.html 54 | fastlane/screenshots 55 | -------------------------------------------------------------------------------- /05 reactNative-helloWorld/FirstProject/.watchmanconfig: -------------------------------------------------------------------------------- 1 | {} -------------------------------------------------------------------------------- /05 reactNative-helloWorld/FirstProject/__tests__/index.android.js: -------------------------------------------------------------------------------- 1 | import 'react-native'; 2 | import React from 'react'; 3 | import Index from '../index.android.js'; 4 | 5 | // Note: test renderer must be required after react-native. 6 | import renderer from 'react-test-renderer'; 7 | 8 | it('renders correctly', () => { 9 | const tree = renderer.create( 10 | 11 | ); 12 | }); 13 | -------------------------------------------------------------------------------- /05 reactNative-helloWorld/FirstProject/__tests__/index.ios.js: -------------------------------------------------------------------------------- 1 | import 'react-native'; 2 | import React from 'react'; 3 | import Index from '../index.ios.js'; 4 | 5 | // Note: test renderer must be required after react-native. 6 | import renderer from 'react-test-renderer'; 7 | 8 | it('renders correctly', () => { 9 | const tree = renderer.create( 10 | 11 | ); 12 | }); 13 | -------------------------------------------------------------------------------- /05 reactNative-helloWorld/FirstProject/android/app/BUCK: -------------------------------------------------------------------------------- 1 | import re 2 | 3 | # To learn about Buck see [Docs](https://buckbuild.com/). 4 | # To run your application with Buck: 5 | # - install Buck 6 | # - `npm start` - to start the packager 7 | # - `cd android` 8 | # - `keytool -genkey -v -keystore keystores/debug.keystore -storepass android -alias androiddebugkey -keypass android -dname "CN=Android Debug,O=Android,C=US"` 9 | # - `./gradlew :app:copyDownloadableDepsToLibs` - make all Gradle compile dependencies available to Buck 10 | # - `buck install -r android/app` - compile, install and run application 11 | # 12 | 13 | lib_deps = [] 14 | for jarfile in glob(['libs/*.jar']): 15 | name = 'jars__' + re.sub(r'^.*/([^/]+)\.jar$', r'\1', jarfile) 16 | lib_deps.append(':' + name) 17 | prebuilt_jar( 18 | name = name, 19 | binary_jar = jarfile, 20 | ) 21 | 22 | for aarfile in glob(['libs/*.aar']): 23 | name = 'aars__' + re.sub(r'^.*/([^/]+)\.aar$', r'\1', aarfile) 24 | lib_deps.append(':' + name) 25 | android_prebuilt_aar( 26 | name = name, 27 | aar = aarfile, 28 | ) 29 | 30 | android_library( 31 | name = 'all-libs', 32 | exported_deps = lib_deps 33 | ) 34 | 35 | android_library( 36 | name = 'app-code', 37 | srcs = glob([ 38 | 'src/main/java/**/*.java', 39 | ]), 40 | deps = [ 41 | ':all-libs', 42 | ':build_config', 43 | ':res', 44 | ], 45 | ) 46 | 47 | android_build_config( 48 | name = 'build_config', 49 | package = 'com.firstproject', 50 | ) 51 | 52 | android_resource( 53 | name = 'res', 54 | res = 'src/main/res', 55 | package = 'com.firstproject', 56 | ) 57 | 58 | android_binary( 59 | name = 'app', 60 | package_type = 'debug', 61 | manifest = 'src/main/AndroidManifest.xml', 62 | keystore = '//android/keystores:debug', 63 | deps = [ 64 | ':app-code', 65 | ], 66 | ) 67 | -------------------------------------------------------------------------------- /05 reactNative-helloWorld/FirstProject/android/app/build.gradle: -------------------------------------------------------------------------------- 1 | apply plugin: "com.android.application" 2 | 3 | import com.android.build.OutputFile 4 | 5 | /** 6 | * The react.gradle file registers a task for each build variant (e.g. bundleDebugJsAndAssets 7 | * and bundleReleaseJsAndAssets). 8 | * These basically call `react-native bundle` with the correct arguments during the Android build 9 | * cycle. By default, bundleDebugJsAndAssets is skipped, as in debug/dev mode we prefer to load the 10 | * bundle directly from the development server. Below you can see all the possible configurations 11 | * and their defaults. If you decide to add a configuration block, make sure to add it before the 12 | * `apply from: "../../node_modules/react-native/react.gradle"` line. 13 | * 14 | * project.ext.react = [ 15 | * // the name of the generated asset file containing your JS bundle 16 | * bundleAssetName: "index.android.bundle", 17 | * 18 | * // the entry file for bundle generation 19 | * entryFile: "index.android.js", 20 | * 21 | * // whether to bundle JS and assets in debug mode 22 | * bundleInDebug: false, 23 | * 24 | * // whether to bundle JS and assets in release mode 25 | * bundleInRelease: true, 26 | * 27 | * // whether to bundle JS and assets in another build variant (if configured). 28 | * // See http://tools.android.com/tech-docs/new-build-system/user-guide#TOC-Build-Variants 29 | * // The configuration property can be in the following formats 30 | * // 'bundleIn${productFlavor}${buildType}' 31 | * // 'bundleIn${buildType}' 32 | * // bundleInFreeDebug: true, 33 | * // bundleInPaidRelease: true, 34 | * // bundleInBeta: true, 35 | * 36 | * // the root of your project, i.e. where "package.json" lives 37 | * root: "../../", 38 | * 39 | * // where to put the JS bundle asset in debug mode 40 | * jsBundleDirDebug: "$buildDir/intermediates/assets/debug", 41 | * 42 | * // where to put the JS bundle asset in release mode 43 | * jsBundleDirRelease: "$buildDir/intermediates/assets/release", 44 | * 45 | * // where to put drawable resources / React Native assets, e.g. the ones you use via 46 | * // require('./image.png')), in debug mode 47 | * resourcesDirDebug: "$buildDir/intermediates/res/merged/debug", 48 | * 49 | * // where to put drawable resources / React Native assets, e.g. the ones you use via 50 | * // require('./image.png')), in release mode 51 | * resourcesDirRelease: "$buildDir/intermediates/res/merged/release", 52 | * 53 | * // by default the gradle tasks are skipped if none of the JS files or assets change; this means 54 | * // that we don't look at files in android/ or ios/ to determine whether the tasks are up to 55 | * // date; if you have any other folders that you want to ignore for performance reasons (gradle 56 | * // indexes the entire tree), add them here. Alternatively, if you have JS files in android/ 57 | * // for example, you might want to remove it from here. 58 | * inputExcludes: ["android/**", "ios/**"], 59 | * 60 | * // override which node gets called and with what additional arguments 61 | * nodeExecutableAndArgs: ["node"] 62 | * 63 | * // supply additional arguments to the packager 64 | * extraPackagerArgs: [] 65 | * ] 66 | */ 67 | 68 | apply from: "../../node_modules/react-native/react.gradle" 69 | 70 | /** 71 | * Set this to true to create two separate APKs instead of one: 72 | * - An APK that only works on ARM devices 73 | * - An APK that only works on x86 devices 74 | * The advantage is the size of the APK is reduced by about 4MB. 75 | * Upload all the APKs to the Play Store and people will download 76 | * the correct one based on the CPU architecture of their device. 77 | */ 78 | def enableSeparateBuildPerCPUArchitecture = false 79 | 80 | /** 81 | * Run Proguard to shrink the Java bytecode in release builds. 82 | */ 83 | def enableProguardInReleaseBuilds = false 84 | 85 | android { 86 | compileSdkVersion 23 87 | buildToolsVersion "23.0.1" 88 | 89 | defaultConfig { 90 | applicationId "com.firstproject" 91 | minSdkVersion 16 92 | targetSdkVersion 22 93 | versionCode 1 94 | versionName "1.0" 95 | ndk { 96 | abiFilters "armeabi-v7a", "x86" 97 | } 98 | } 99 | splits { 100 | abi { 101 | reset() 102 | enable enableSeparateBuildPerCPUArchitecture 103 | universalApk false // If true, also generate a universal APK 104 | include "armeabi-v7a", "x86" 105 | } 106 | } 107 | buildTypes { 108 | release { 109 | minifyEnabled enableProguardInReleaseBuilds 110 | proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro" 111 | } 112 | } 113 | // applicationVariants are e.g. debug, release 114 | applicationVariants.all { variant -> 115 | variant.outputs.each { output -> 116 | // For each separate APK per architecture, set a unique version code as described here: 117 | // http://tools.android.com/tech-docs/new-build-system/user-guide/apk-splits 118 | def versionCodes = ["armeabi-v7a":1, "x86":2] 119 | def abi = output.getFilter(OutputFile.ABI) 120 | if (abi != null) { // null for the universal-debug, universal-release variants 121 | output.versionCodeOverride = 122 | versionCodes.get(abi) * 1048576 + defaultConfig.versionCode 123 | } 124 | } 125 | } 126 | } 127 | 128 | dependencies { 129 | compile fileTree(dir: "libs", include: ["*.jar"]) 130 | compile "com.android.support:appcompat-v7:23.0.1" 131 | compile "com.facebook.react:react-native:+" // From node_modules 132 | } 133 | 134 | // Run this once to be able to run the application with BUCK 135 | // puts all compile dependencies into folder libs for BUCK to use 136 | task copyDownloadableDepsToLibs(type: Copy) { 137 | from configurations.compile 138 | into 'libs' 139 | } 140 | -------------------------------------------------------------------------------- /05 reactNative-helloWorld/FirstProject/android/app/proguard-rules.pro: -------------------------------------------------------------------------------- 1 | # Add project specific ProGuard rules here. 2 | # By default, the flags in this file are appended to flags specified 3 | # in /usr/local/Cellar/android-sdk/24.3.3/tools/proguard/proguard-android.txt 4 | # You can edit the include path and order by changing the proguardFiles 5 | # directive in build.gradle. 6 | # 7 | # For more details, see 8 | # http://developer.android.com/guide/developing/tools/proguard.html 9 | 10 | # Add any project specific keep options here: 11 | 12 | # If your project uses WebView with JS, uncomment the following 13 | # and specify the fully qualified class name to the JavaScript interface 14 | # class: 15 | #-keepclassmembers class fqcn.of.javascript.interface.for.webview { 16 | # public *; 17 | #} 18 | 19 | # Disabling obfuscation is useful if you collect stack traces from production crashes 20 | # (unless you are using a system that supports de-obfuscate the stack traces). 21 | -dontobfuscate 22 | 23 | # React Native 24 | 25 | # Keep our interfaces so they can be used by other ProGuard rules. 26 | # See http://sourceforge.net/p/proguard/bugs/466/ 27 | -keep,allowobfuscation @interface com.facebook.proguard.annotations.DoNotStrip 28 | -keep,allowobfuscation @interface com.facebook.proguard.annotations.KeepGettersAndSetters 29 | -keep,allowobfuscation @interface com.facebook.common.internal.DoNotStrip 30 | 31 | # Do not strip any method/class that is annotated with @DoNotStrip 32 | -keep @com.facebook.proguard.annotations.DoNotStrip class * 33 | -keep @com.facebook.common.internal.DoNotStrip class * 34 | -keepclassmembers class * { 35 | @com.facebook.proguard.annotations.DoNotStrip *; 36 | @com.facebook.common.internal.DoNotStrip *; 37 | } 38 | 39 | -keepclassmembers @com.facebook.proguard.annotations.KeepGettersAndSetters class * { 40 | void set*(***); 41 | *** get*(); 42 | } 43 | 44 | -keep class * extends com.facebook.react.bridge.JavaScriptModule { *; } 45 | -keep class * extends com.facebook.react.bridge.NativeModule { *; } 46 | -keepclassmembers,includedescriptorclasses class * { native ; } 47 | -keepclassmembers class * { @com.facebook.react.uimanager.UIProp ; } 48 | -keepclassmembers class * { @com.facebook.react.uimanager.annotations.ReactProp ; } 49 | -keepclassmembers class * { @com.facebook.react.uimanager.annotations.ReactPropGroup ; } 50 | 51 | -dontwarn com.facebook.react.** 52 | 53 | # okhttp 54 | 55 | -keepattributes Signature 56 | -keepattributes *Annotation* 57 | -keep class okhttp3.** { *; } 58 | -keep interface okhttp3.** { *; } 59 | -dontwarn okhttp3.** 60 | 61 | # okio 62 | 63 | -keep class sun.misc.Unsafe { *; } 64 | -dontwarn java.nio.file.* 65 | -dontwarn org.codehaus.mojo.animal_sniffer.IgnoreJRERequirement 66 | -dontwarn okio.** 67 | -------------------------------------------------------------------------------- /05 reactNative-helloWorld/FirstProject/android/app/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 5 | 6 | 7 | 8 | 9 | 12 | 13 | 19 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | -------------------------------------------------------------------------------- /05 reactNative-helloWorld/FirstProject/android/app/src/main/java/com/firstproject/MainActivity.java: -------------------------------------------------------------------------------- 1 | package com.firstproject; 2 | 3 | import com.facebook.react.ReactActivity; 4 | 5 | public class MainActivity extends ReactActivity { 6 | 7 | /** 8 | * Returns the name of the main component registered from JavaScript. 9 | * This is used to schedule rendering of the component. 10 | */ 11 | @Override 12 | protected String getMainComponentName() { 13 | return "FirstProject"; 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /05 reactNative-helloWorld/FirstProject/android/app/src/main/java/com/firstproject/MainApplication.java: -------------------------------------------------------------------------------- 1 | package com.firstproject; 2 | 3 | import android.app.Application; 4 | import android.util.Log; 5 | 6 | import com.facebook.react.ReactApplication; 7 | import com.facebook.react.ReactInstanceManager; 8 | import com.facebook.react.ReactNativeHost; 9 | import com.facebook.react.ReactPackage; 10 | import com.facebook.react.shell.MainReactPackage; 11 | import com.facebook.soloader.SoLoader; 12 | 13 | import java.util.Arrays; 14 | import java.util.List; 15 | 16 | public class MainApplication extends Application implements ReactApplication { 17 | 18 | private final ReactNativeHost mReactNativeHost = new ReactNativeHost(this) { 19 | @Override 20 | public boolean getUseDeveloperSupport() { 21 | return BuildConfig.DEBUG; 22 | } 23 | 24 | @Override 25 | protected List getPackages() { 26 | return Arrays.asList( 27 | new MainReactPackage() 28 | ); 29 | } 30 | }; 31 | 32 | @Override 33 | public ReactNativeHost getReactNativeHost() { 34 | return mReactNativeHost; 35 | } 36 | 37 | @Override 38 | public void onCreate() { 39 | super.onCreate(); 40 | SoLoader.init(this, /* native exopackage */ false); 41 | } 42 | } 43 | -------------------------------------------------------------------------------- /05 reactNative-helloWorld/FirstProject/android/app/src/main/res/mipmap-hdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uqutub/react-guru-tutorials/4f2c955efe66c99618d51b14bb0cc932e12801d9/05 reactNative-helloWorld/FirstProject/android/app/src/main/res/mipmap-hdpi/ic_launcher.png -------------------------------------------------------------------------------- /05 reactNative-helloWorld/FirstProject/android/app/src/main/res/mipmap-mdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uqutub/react-guru-tutorials/4f2c955efe66c99618d51b14bb0cc932e12801d9/05 reactNative-helloWorld/FirstProject/android/app/src/main/res/mipmap-mdpi/ic_launcher.png -------------------------------------------------------------------------------- /05 reactNative-helloWorld/FirstProject/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uqutub/react-guru-tutorials/4f2c955efe66c99618d51b14bb0cc932e12801d9/05 reactNative-helloWorld/FirstProject/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png -------------------------------------------------------------------------------- /05 reactNative-helloWorld/FirstProject/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uqutub/react-guru-tutorials/4f2c955efe66c99618d51b14bb0cc932e12801d9/05 reactNative-helloWorld/FirstProject/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /05 reactNative-helloWorld/FirstProject/android/app/src/main/res/values/strings.xml: -------------------------------------------------------------------------------- 1 | 2 | FirstProject 3 | 4 | -------------------------------------------------------------------------------- /05 reactNative-helloWorld/FirstProject/android/app/src/main/res/values/styles.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /05 reactNative-helloWorld/FirstProject/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.1' 9 | 10 | // NOTE: Do not place your application dependencies here; they belong 11 | // in the individual module build.gradle files 12 | } 13 | } 14 | 15 | allprojects { 16 | repositories { 17 | mavenLocal() 18 | jcenter() 19 | maven { 20 | // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm 21 | url "$rootDir/../node_modules/react-native/android" 22 | } 23 | } 24 | } 25 | -------------------------------------------------------------------------------- /05 reactNative-helloWorld/FirstProject/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 | -------------------------------------------------------------------------------- /05 reactNative-helloWorld/FirstProject/android/gradle/wrapper/gradle-wrapper.jar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uqutub/react-guru-tutorials/4f2c955efe66c99618d51b14bb0cc932e12801d9/05 reactNative-helloWorld/FirstProject/android/gradle/wrapper/gradle-wrapper.jar -------------------------------------------------------------------------------- /05 reactNative-helloWorld/FirstProject/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 | -------------------------------------------------------------------------------- /05 reactNative-helloWorld/FirstProject/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 | -------------------------------------------------------------------------------- /05 reactNative-helloWorld/FirstProject/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 | -------------------------------------------------------------------------------- /05 reactNative-helloWorld/FirstProject/android/keystores/BUCK: -------------------------------------------------------------------------------- 1 | keystore( 2 | name = 'debug', 3 | store = 'debug.keystore', 4 | properties = 'debug.keystore.properties', 5 | visibility = [ 6 | 'PUBLIC', 7 | ], 8 | ) 9 | -------------------------------------------------------------------------------- /05 reactNative-helloWorld/FirstProject/android/keystores/debug.keystore.properties: -------------------------------------------------------------------------------- 1 | key.store=debug.keystore 2 | key.alias=androiddebugkey 3 | key.store.password=android 4 | key.alias.password=android 5 | -------------------------------------------------------------------------------- /05 reactNative-helloWorld/FirstProject/android/settings.gradle: -------------------------------------------------------------------------------- 1 | rootProject.name = 'FirstProject' 2 | 3 | include ':app' 4 | -------------------------------------------------------------------------------- /05 reactNative-helloWorld/FirstProject/app.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "FirstProject", 3 | "displayName": "FirstProject" 4 | } -------------------------------------------------------------------------------- /05 reactNative-helloWorld/FirstProject/index.android.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Sample React Native App 3 | * https://github.com/facebook/react-native 4 | * @flow 5 | */ 6 | 7 | import React, { Component } from 'react'; 8 | import { 9 | AppRegistry, 10 | StyleSheet, 11 | Text, 12 | View 13 | } from 'react-native'; 14 | 15 | export default class FirstProject extends Component { 16 | render() { 17 | return ( 18 | 19 | 20 | Welcome to React Native! 21 | 22 | 23 | To get started, edit index.android.js 24 | 25 | 26 | Double tap R on your keyboard to reload,{'\n'} 27 | Shake or press menu button for dev menu 28 | 29 | 30 | ); 31 | } 32 | } 33 | 34 | const styles = StyleSheet.create({ 35 | container: { 36 | flex: 1, 37 | justifyContent: 'center', 38 | alignItems: 'center', 39 | backgroundColor: '#F5FCFF', 40 | }, 41 | welcome: { 42 | fontSize: 20, 43 | textAlign: 'center', 44 | margin: 10, 45 | }, 46 | instructions: { 47 | textAlign: 'center', 48 | color: '#333333', 49 | marginBottom: 5, 50 | }, 51 | }); 52 | 53 | AppRegistry.registerComponent('FirstProject', () => FirstProject); 54 | -------------------------------------------------------------------------------- /05 reactNative-helloWorld/FirstProject/index.ios.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Sample React Native App 3 | * https://github.com/facebook/react-native 4 | * @flow 5 | */ 6 | 7 | import React, { Component } from 'react'; 8 | import { 9 | AppRegistry, 10 | StyleSheet, 11 | Text, 12 | View 13 | } from 'react-native'; 14 | 15 | export default class FirstProject extends Component { 16 | render() { 17 | return ( 18 | 19 | 20 | Welcome to React Native! 21 | 22 | 23 | To get started, edit index.ios.js 24 | 25 | 26 | Press Cmd+R to reload,{'\n'} 27 | Cmd+D or shake for dev menu 28 | 29 | 30 | ); 31 | } 32 | } 33 | 34 | const styles = StyleSheet.create({ 35 | container: { 36 | flex: 1, 37 | justifyContent: 'center', 38 | alignItems: 'center', 39 | backgroundColor: '#F5FCFF', 40 | }, 41 | welcome: { 42 | fontSize: 20, 43 | textAlign: 'center', 44 | margin: 10, 45 | }, 46 | instructions: { 47 | textAlign: 'center', 48 | color: '#333333', 49 | marginBottom: 5, 50 | }, 51 | }); 52 | 53 | AppRegistry.registerComponent('FirstProject', () => FirstProject); 54 | -------------------------------------------------------------------------------- /05 reactNative-helloWorld/FirstProject/ios/FirstProject-tvOS/Info.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CFBundleDevelopmentRegion 6 | en 7 | CFBundleExecutable 8 | $(EXECUTABLE_NAME) 9 | CFBundleIdentifier 10 | org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier) 11 | CFBundleInfoDictionaryVersion 12 | 6.0 13 | CFBundleName 14 | $(PRODUCT_NAME) 15 | CFBundlePackageType 16 | APPL 17 | CFBundleShortVersionString 18 | 1.0 19 | CFBundleSignature 20 | ???? 21 | CFBundleVersion 22 | 1 23 | LSRequiresIPhoneOS 24 | 25 | UILaunchStoryboardName 26 | LaunchScreen 27 | UIRequiredDeviceCapabilities 28 | 29 | armv7 30 | 31 | UISupportedInterfaceOrientations 32 | 33 | UIInterfaceOrientationPortrait 34 | UIInterfaceOrientationLandscapeLeft 35 | UIInterfaceOrientationLandscapeRight 36 | 37 | UIViewControllerBasedStatusBarAppearance 38 | 39 | NSLocationWhenInUseUsageDescription 40 | 41 | NSAppTransportSecurity 42 | 43 | 44 | NSExceptionDomains 45 | 46 | localhost 47 | 48 | NSExceptionAllowsInsecureHTTPLoads 49 | 50 | 51 | 52 | 53 | 54 | 55 | -------------------------------------------------------------------------------- /05 reactNative-helloWorld/FirstProject/ios/FirstProject-tvOSTests/Info.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CFBundleDevelopmentRegion 6 | en 7 | CFBundleExecutable 8 | $(EXECUTABLE_NAME) 9 | CFBundleIdentifier 10 | org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier) 11 | CFBundleInfoDictionaryVersion 12 | 6.0 13 | CFBundleName 14 | $(PRODUCT_NAME) 15 | CFBundlePackageType 16 | BNDL 17 | CFBundleShortVersionString 18 | 1.0 19 | CFBundleSignature 20 | ???? 21 | CFBundleVersion 22 | 1 23 | 24 | 25 | -------------------------------------------------------------------------------- /05 reactNative-helloWorld/FirstProject/ios/FirstProject.xcodeproj/project.pbxproj: -------------------------------------------------------------------------------- 1 | // !$*UTF8*$! 2 | { 3 | archiveVersion = 1; 4 | classes = { 5 | }; 6 | objectVersion = 46; 7 | objects = { 8 | 9 | /* Begin PBXBuildFile section */ 10 | 00C302E51ABCBA2D00DB3ED1 /* libRCTActionSheet.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302AC1ABCB8CE00DB3ED1 /* libRCTActionSheet.a */; }; 11 | 00C302E71ABCBA2D00DB3ED1 /* libRCTGeolocation.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302BA1ABCB90400DB3ED1 /* libRCTGeolocation.a */; }; 12 | 00C302E81ABCBA2D00DB3ED1 /* libRCTImage.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302C01ABCB91800DB3ED1 /* libRCTImage.a */; }; 13 | 00C302E91ABCBA2D00DB3ED1 /* libRCTNetwork.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302DC1ABCB9D200DB3ED1 /* libRCTNetwork.a */; }; 14 | 00C302EA1ABCBA2D00DB3ED1 /* libRCTVibration.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302E41ABCB9EE00DB3ED1 /* libRCTVibration.a */; }; 15 | 00E356F31AD99517003FC87E /* FirstProjectTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 00E356F21AD99517003FC87E /* FirstProjectTests.m */; }; 16 | 133E29F31AD74F7200F7D852 /* libRCTLinking.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 78C398B91ACF4ADC00677621 /* libRCTLinking.a */; }; 17 | 139105C61AF99C1200B5F7CC /* libRCTSettings.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 139105C11AF99BAD00B5F7CC /* libRCTSettings.a */; }; 18 | 139FDEF61B0652A700C62182 /* libRCTWebSocket.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 139FDEF41B06529B00C62182 /* libRCTWebSocket.a */; }; 19 | 13B07FBC1A68108700A75B9A /* AppDelegate.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB01A68108700A75B9A /* AppDelegate.m */; }; 20 | 13B07FBD1A68108700A75B9A /* LaunchScreen.xib in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB11A68108700A75B9A /* LaunchScreen.xib */; }; 21 | 13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB51A68108700A75B9A /* Images.xcassets */; }; 22 | 13B07FC11A68108700A75B9A /* main.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB71A68108700A75B9A /* main.m */; }; 23 | 140ED2AC1D01E1AD002B40FF /* libReact.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 146834041AC3E56700842450 /* libReact.a */; }; 24 | 146834051AC3E58100842450 /* libReact.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 146834041AC3E56700842450 /* libReact.a */; }; 25 | 2D02E4BC1E0B4A80006451C7 /* AppDelegate.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB01A68108700A75B9A /* AppDelegate.m */; }; 26 | 2D02E4BD1E0B4A84006451C7 /* Images.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB51A68108700A75B9A /* Images.xcassets */; }; 27 | 2D02E4BF1E0B4AB3006451C7 /* main.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB71A68108700A75B9A /* main.m */; }; 28 | 2D02E4C21E0B4AEC006451C7 /* libRCTAnimation-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 5E9157351DD0AC6500FF2AA8 /* libRCTAnimation-tvOS.a */; }; 29 | 2D02E4C31E0B4AEC006451C7 /* libRCTImage-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 3DAD3E841DF850E9000B6D8A /* libRCTImage-tvOS.a */; }; 30 | 2D02E4C41E0B4AEC006451C7 /* libRCTLinking-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 3DAD3E881DF850E9000B6D8A /* libRCTLinking-tvOS.a */; }; 31 | 2D02E4C51E0B4AEC006451C7 /* libRCTNetwork-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 3DAD3E8C1DF850E9000B6D8A /* libRCTNetwork-tvOS.a */; }; 32 | 2D02E4C61E0B4AEC006451C7 /* libRCTSettings-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 3DAD3E901DF850E9000B6D8A /* libRCTSettings-tvOS.a */; }; 33 | 2D02E4C71E0B4AEC006451C7 /* libRCTText-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 3DAD3E941DF850E9000B6D8A /* libRCTText-tvOS.a */; }; 34 | 2D02E4C81E0B4AEC006451C7 /* libRCTWebSocket-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 3DAD3E991DF850E9000B6D8A /* libRCTWebSocket-tvOS.a */; }; 35 | 2D02E4C91E0B4AEC006451C7 /* libReact.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 3DAD3EA31DF850E9000B6D8A /* libReact.a */; }; 36 | 2DCD954D1E0B4F2C00145EB5 /* FirstProjectTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 00E356F21AD99517003FC87E /* FirstProjectTests.m */; }; 37 | 5E9157361DD0AC6A00FF2AA8 /* libRCTAnimation.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 5E9157331DD0AC6500FF2AA8 /* libRCTAnimation.a */; }; 38 | 832341BD1AAA6AB300B99B32 /* libRCTText.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 832341B51AAA6A8300B99B32 /* libRCTText.a */; }; 39 | /* End PBXBuildFile section */ 40 | 41 | /* Begin PBXContainerItemProxy section */ 42 | 00C302AB1ABCB8CE00DB3ED1 /* PBXContainerItemProxy */ = { 43 | isa = PBXContainerItemProxy; 44 | containerPortal = 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */; 45 | proxyType = 2; 46 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 47 | remoteInfo = RCTActionSheet; 48 | }; 49 | 00C302B91ABCB90400DB3ED1 /* PBXContainerItemProxy */ = { 50 | isa = PBXContainerItemProxy; 51 | containerPortal = 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */; 52 | proxyType = 2; 53 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 54 | remoteInfo = RCTGeolocation; 55 | }; 56 | 00C302BF1ABCB91800DB3ED1 /* PBXContainerItemProxy */ = { 57 | isa = PBXContainerItemProxy; 58 | containerPortal = 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */; 59 | proxyType = 2; 60 | remoteGlobalIDString = 58B5115D1A9E6B3D00147676; 61 | remoteInfo = RCTImage; 62 | }; 63 | 00C302DB1ABCB9D200DB3ED1 /* PBXContainerItemProxy */ = { 64 | isa = PBXContainerItemProxy; 65 | containerPortal = 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */; 66 | proxyType = 2; 67 | remoteGlobalIDString = 58B511DB1A9E6C8500147676; 68 | remoteInfo = RCTNetwork; 69 | }; 70 | 00C302E31ABCB9EE00DB3ED1 /* PBXContainerItemProxy */ = { 71 | isa = PBXContainerItemProxy; 72 | containerPortal = 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */; 73 | proxyType = 2; 74 | remoteGlobalIDString = 832C81801AAF6DEF007FA2F7; 75 | remoteInfo = RCTVibration; 76 | }; 77 | 00E356F41AD99517003FC87E /* PBXContainerItemProxy */ = { 78 | isa = PBXContainerItemProxy; 79 | containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */; 80 | proxyType = 1; 81 | remoteGlobalIDString = 13B07F861A680F5B00A75B9A; 82 | remoteInfo = FirstProject; 83 | }; 84 | 139105C01AF99BAD00B5F7CC /* PBXContainerItemProxy */ = { 85 | isa = PBXContainerItemProxy; 86 | containerPortal = 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */; 87 | proxyType = 2; 88 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 89 | remoteInfo = RCTSettings; 90 | }; 91 | 139FDEF31B06529B00C62182 /* PBXContainerItemProxy */ = { 92 | isa = PBXContainerItemProxy; 93 | containerPortal = 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */; 94 | proxyType = 2; 95 | remoteGlobalIDString = 3C86DF461ADF2C930047B81A; 96 | remoteInfo = RCTWebSocket; 97 | }; 98 | 146834031AC3E56700842450 /* PBXContainerItemProxy */ = { 99 | isa = PBXContainerItemProxy; 100 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 101 | proxyType = 2; 102 | remoteGlobalIDString = 83CBBA2E1A601D0E00E9B192; 103 | remoteInfo = React; 104 | }; 105 | 2D02E4911E0B4A5D006451C7 /* PBXContainerItemProxy */ = { 106 | isa = PBXContainerItemProxy; 107 | containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */; 108 | proxyType = 1; 109 | remoteGlobalIDString = 2D02E47A1E0B4A5D006451C7; 110 | remoteInfo = "FirstProject-tvOS"; 111 | }; 112 | 3DAD3E831DF850E9000B6D8A /* PBXContainerItemProxy */ = { 113 | isa = PBXContainerItemProxy; 114 | containerPortal = 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */; 115 | proxyType = 2; 116 | remoteGlobalIDString = 2D2A283A1D9B042B00D4039D; 117 | remoteInfo = "RCTImage-tvOS"; 118 | }; 119 | 3DAD3E871DF850E9000B6D8A /* PBXContainerItemProxy */ = { 120 | isa = PBXContainerItemProxy; 121 | containerPortal = 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */; 122 | proxyType = 2; 123 | remoteGlobalIDString = 2D2A28471D9B043800D4039D; 124 | remoteInfo = "RCTLinking-tvOS"; 125 | }; 126 | 3DAD3E8B1DF850E9000B6D8A /* PBXContainerItemProxy */ = { 127 | isa = PBXContainerItemProxy; 128 | containerPortal = 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */; 129 | proxyType = 2; 130 | remoteGlobalIDString = 2D2A28541D9B044C00D4039D; 131 | remoteInfo = "RCTNetwork-tvOS"; 132 | }; 133 | 3DAD3E8F1DF850E9000B6D8A /* PBXContainerItemProxy */ = { 134 | isa = PBXContainerItemProxy; 135 | containerPortal = 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */; 136 | proxyType = 2; 137 | remoteGlobalIDString = 2D2A28611D9B046600D4039D; 138 | remoteInfo = "RCTSettings-tvOS"; 139 | }; 140 | 3DAD3E931DF850E9000B6D8A /* PBXContainerItemProxy */ = { 141 | isa = PBXContainerItemProxy; 142 | containerPortal = 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */; 143 | proxyType = 2; 144 | remoteGlobalIDString = 2D2A287B1D9B048500D4039D; 145 | remoteInfo = "RCTText-tvOS"; 146 | }; 147 | 3DAD3E981DF850E9000B6D8A /* PBXContainerItemProxy */ = { 148 | isa = PBXContainerItemProxy; 149 | containerPortal = 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */; 150 | proxyType = 2; 151 | remoteGlobalIDString = 2D2A28881D9B049200D4039D; 152 | remoteInfo = "RCTWebSocket-tvOS"; 153 | }; 154 | 3DAD3EA21DF850E9000B6D8A /* PBXContainerItemProxy */ = { 155 | isa = PBXContainerItemProxy; 156 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 157 | proxyType = 2; 158 | remoteGlobalIDString = 2D2A28131D9B038B00D4039D; 159 | remoteInfo = "React-tvOS"; 160 | }; 161 | 3DAD3EA41DF850E9000B6D8A /* PBXContainerItemProxy */ = { 162 | isa = PBXContainerItemProxy; 163 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 164 | proxyType = 2; 165 | remoteGlobalIDString = 3D3C059A1DE3340900C268FA; 166 | remoteInfo = yoga; 167 | }; 168 | 3DAD3EA61DF850E9000B6D8A /* PBXContainerItemProxy */ = { 169 | isa = PBXContainerItemProxy; 170 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 171 | proxyType = 2; 172 | remoteGlobalIDString = 3D3C06751DE3340C00C268FA; 173 | remoteInfo = "yoga-tvOS"; 174 | }; 175 | 3DAD3EA81DF850E9000B6D8A /* PBXContainerItemProxy */ = { 176 | isa = PBXContainerItemProxy; 177 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 178 | proxyType = 2; 179 | remoteGlobalIDString = 3D3CD9251DE5FBEC00167DC4; 180 | remoteInfo = cxxreact; 181 | }; 182 | 3DAD3EAA1DF850E9000B6D8A /* PBXContainerItemProxy */ = { 183 | isa = PBXContainerItemProxy; 184 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 185 | proxyType = 2; 186 | remoteGlobalIDString = 3D3CD9321DE5FBEE00167DC4; 187 | remoteInfo = "cxxreact-tvOS"; 188 | }; 189 | 3DAD3EAC1DF850E9000B6D8A /* PBXContainerItemProxy */ = { 190 | isa = PBXContainerItemProxy; 191 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 192 | proxyType = 2; 193 | remoteGlobalIDString = 3D3CD90B1DE5FBD600167DC4; 194 | remoteInfo = jschelpers; 195 | }; 196 | 3DAD3EAE1DF850E9000B6D8A /* PBXContainerItemProxy */ = { 197 | isa = PBXContainerItemProxy; 198 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 199 | proxyType = 2; 200 | remoteGlobalIDString = 3D3CD9181DE5FBD800167DC4; 201 | remoteInfo = "jschelpers-tvOS"; 202 | }; 203 | 5E9157321DD0AC6500FF2AA8 /* PBXContainerItemProxy */ = { 204 | isa = PBXContainerItemProxy; 205 | containerPortal = 5E91572D1DD0AC6500FF2AA8 /* RCTAnimation.xcodeproj */; 206 | proxyType = 2; 207 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 208 | remoteInfo = RCTAnimation; 209 | }; 210 | 5E9157341DD0AC6500FF2AA8 /* PBXContainerItemProxy */ = { 211 | isa = PBXContainerItemProxy; 212 | containerPortal = 5E91572D1DD0AC6500FF2AA8 /* RCTAnimation.xcodeproj */; 213 | proxyType = 2; 214 | remoteGlobalIDString = 2D2A28201D9B03D100D4039D; 215 | remoteInfo = "RCTAnimation-tvOS"; 216 | }; 217 | 78C398B81ACF4ADC00677621 /* PBXContainerItemProxy */ = { 218 | isa = PBXContainerItemProxy; 219 | containerPortal = 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */; 220 | proxyType = 2; 221 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 222 | remoteInfo = RCTLinking; 223 | }; 224 | 832341B41AAA6A8300B99B32 /* PBXContainerItemProxy */ = { 225 | isa = PBXContainerItemProxy; 226 | containerPortal = 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */; 227 | proxyType = 2; 228 | remoteGlobalIDString = 58B5119B1A9E6C1200147676; 229 | remoteInfo = RCTText; 230 | }; 231 | /* End PBXContainerItemProxy section */ 232 | 233 | /* Begin PBXFileReference section */ 234 | 008F07F21AC5B25A0029DE68 /* main.jsbundle */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text; path = main.jsbundle; sourceTree = ""; }; 235 | 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTActionSheet.xcodeproj; path = "../node_modules/react-native/Libraries/ActionSheetIOS/RCTActionSheet.xcodeproj"; sourceTree = ""; }; 236 | 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTGeolocation.xcodeproj; path = "../node_modules/react-native/Libraries/Geolocation/RCTGeolocation.xcodeproj"; sourceTree = ""; }; 237 | 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTImage.xcodeproj; path = "../node_modules/react-native/Libraries/Image/RCTImage.xcodeproj"; sourceTree = ""; }; 238 | 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTNetwork.xcodeproj; path = "../node_modules/react-native/Libraries/Network/RCTNetwork.xcodeproj"; sourceTree = ""; }; 239 | 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTVibration.xcodeproj; path = "../node_modules/react-native/Libraries/Vibration/RCTVibration.xcodeproj"; sourceTree = ""; }; 240 | 00E356EE1AD99517003FC87E /* FirstProjectTests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = FirstProjectTests.xctest; sourceTree = BUILT_PRODUCTS_DIR; }; 241 | 00E356F11AD99517003FC87E /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = ""; }; 242 | 00E356F21AD99517003FC87E /* FirstProjectTests.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = FirstProjectTests.m; sourceTree = ""; }; 243 | 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTSettings.xcodeproj; path = "../node_modules/react-native/Libraries/Settings/RCTSettings.xcodeproj"; sourceTree = ""; }; 244 | 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTWebSocket.xcodeproj; path = "../node_modules/react-native/Libraries/WebSocket/RCTWebSocket.xcodeproj"; sourceTree = ""; }; 245 | 13B07F961A680F5B00A75B9A /* FirstProject.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = FirstProject.app; sourceTree = BUILT_PRODUCTS_DIR; }; 246 | 13B07FAF1A68108700A75B9A /* AppDelegate.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = AppDelegate.h; path = FirstProject/AppDelegate.h; sourceTree = ""; }; 247 | 13B07FB01A68108700A75B9A /* AppDelegate.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = AppDelegate.m; path = FirstProject/AppDelegate.m; sourceTree = ""; }; 248 | 13B07FB21A68108700A75B9A /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.xib; name = Base; path = Base.lproj/LaunchScreen.xib; sourceTree = ""; }; 249 | 13B07FB51A68108700A75B9A /* Images.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; name = Images.xcassets; path = FirstProject/Images.xcassets; sourceTree = ""; }; 250 | 13B07FB61A68108700A75B9A /* Info.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = Info.plist; path = FirstProject/Info.plist; sourceTree = ""; }; 251 | 13B07FB71A68108700A75B9A /* main.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = main.m; path = FirstProject/main.m; sourceTree = ""; }; 252 | 146833FF1AC3E56700842450 /* React.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = React.xcodeproj; path = "../node_modules/react-native/React/React.xcodeproj"; sourceTree = ""; }; 253 | 2D02E47B1E0B4A5D006451C7 /* FirstProject-tvOS.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = "FirstProject-tvOS.app"; sourceTree = BUILT_PRODUCTS_DIR; }; 254 | 2D02E4901E0B4A5D006451C7 /* FirstProject-tvOSTests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = "FirstProject-tvOSTests.xctest"; sourceTree = BUILT_PRODUCTS_DIR; }; 255 | 5E91572D1DD0AC6500FF2AA8 /* RCTAnimation.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTAnimation.xcodeproj; path = "../node_modules/react-native/Libraries/NativeAnimation/RCTAnimation.xcodeproj"; sourceTree = ""; }; 256 | 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTLinking.xcodeproj; path = "../node_modules/react-native/Libraries/LinkingIOS/RCTLinking.xcodeproj"; sourceTree = ""; }; 257 | 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTText.xcodeproj; path = "../node_modules/react-native/Libraries/Text/RCTText.xcodeproj"; sourceTree = ""; }; 258 | /* End PBXFileReference section */ 259 | 260 | /* Begin PBXFrameworksBuildPhase section */ 261 | 00E356EB1AD99517003FC87E /* Frameworks */ = { 262 | isa = PBXFrameworksBuildPhase; 263 | buildActionMask = 2147483647; 264 | files = ( 265 | 140ED2AC1D01E1AD002B40FF /* libReact.a in Frameworks */, 266 | ); 267 | runOnlyForDeploymentPostprocessing = 0; 268 | }; 269 | 13B07F8C1A680F5B00A75B9A /* Frameworks */ = { 270 | isa = PBXFrameworksBuildPhase; 271 | buildActionMask = 2147483647; 272 | files = ( 273 | 146834051AC3E58100842450 /* libReact.a in Frameworks */, 274 | 5E9157361DD0AC6A00FF2AA8 /* libRCTAnimation.a in Frameworks */, 275 | 00C302E51ABCBA2D00DB3ED1 /* libRCTActionSheet.a in Frameworks */, 276 | 00C302E71ABCBA2D00DB3ED1 /* libRCTGeolocation.a in Frameworks */, 277 | 00C302E81ABCBA2D00DB3ED1 /* libRCTImage.a in Frameworks */, 278 | 133E29F31AD74F7200F7D852 /* libRCTLinking.a in Frameworks */, 279 | 00C302E91ABCBA2D00DB3ED1 /* libRCTNetwork.a in Frameworks */, 280 | 139105C61AF99C1200B5F7CC /* libRCTSettings.a in Frameworks */, 281 | 832341BD1AAA6AB300B99B32 /* libRCTText.a in Frameworks */, 282 | 00C302EA1ABCBA2D00DB3ED1 /* libRCTVibration.a in Frameworks */, 283 | 139FDEF61B0652A700C62182 /* libRCTWebSocket.a in Frameworks */, 284 | ); 285 | runOnlyForDeploymentPostprocessing = 0; 286 | }; 287 | 2D02E4781E0B4A5D006451C7 /* Frameworks */ = { 288 | isa = PBXFrameworksBuildPhase; 289 | buildActionMask = 2147483647; 290 | files = ( 291 | 2D02E4C91E0B4AEC006451C7 /* libReact.a in Frameworks */, 292 | 2D02E4C21E0B4AEC006451C7 /* libRCTAnimation-tvOS.a in Frameworks */, 293 | 2D02E4C31E0B4AEC006451C7 /* libRCTImage-tvOS.a in Frameworks */, 294 | 2D02E4C41E0B4AEC006451C7 /* libRCTLinking-tvOS.a in Frameworks */, 295 | 2D02E4C51E0B4AEC006451C7 /* libRCTNetwork-tvOS.a in Frameworks */, 296 | 2D02E4C61E0B4AEC006451C7 /* libRCTSettings-tvOS.a in Frameworks */, 297 | 2D02E4C71E0B4AEC006451C7 /* libRCTText-tvOS.a in Frameworks */, 298 | 2D02E4C81E0B4AEC006451C7 /* libRCTWebSocket-tvOS.a in Frameworks */, 299 | ); 300 | runOnlyForDeploymentPostprocessing = 0; 301 | }; 302 | 2D02E48D1E0B4A5D006451C7 /* Frameworks */ = { 303 | isa = PBXFrameworksBuildPhase; 304 | buildActionMask = 2147483647; 305 | files = ( 306 | ); 307 | runOnlyForDeploymentPostprocessing = 0; 308 | }; 309 | /* End PBXFrameworksBuildPhase section */ 310 | 311 | /* Begin PBXGroup section */ 312 | 00C302A81ABCB8CE00DB3ED1 /* Products */ = { 313 | isa = PBXGroup; 314 | children = ( 315 | 00C302AC1ABCB8CE00DB3ED1 /* libRCTActionSheet.a */, 316 | ); 317 | name = Products; 318 | sourceTree = ""; 319 | }; 320 | 00C302B61ABCB90400DB3ED1 /* Products */ = { 321 | isa = PBXGroup; 322 | children = ( 323 | 00C302BA1ABCB90400DB3ED1 /* libRCTGeolocation.a */, 324 | ); 325 | name = Products; 326 | sourceTree = ""; 327 | }; 328 | 00C302BC1ABCB91800DB3ED1 /* Products */ = { 329 | isa = PBXGroup; 330 | children = ( 331 | 00C302C01ABCB91800DB3ED1 /* libRCTImage.a */, 332 | 3DAD3E841DF850E9000B6D8A /* libRCTImage-tvOS.a */, 333 | ); 334 | name = Products; 335 | sourceTree = ""; 336 | }; 337 | 00C302D41ABCB9D200DB3ED1 /* Products */ = { 338 | isa = PBXGroup; 339 | children = ( 340 | 00C302DC1ABCB9D200DB3ED1 /* libRCTNetwork.a */, 341 | 3DAD3E8C1DF850E9000B6D8A /* libRCTNetwork-tvOS.a */, 342 | ); 343 | name = Products; 344 | sourceTree = ""; 345 | }; 346 | 00C302E01ABCB9EE00DB3ED1 /* Products */ = { 347 | isa = PBXGroup; 348 | children = ( 349 | 00C302E41ABCB9EE00DB3ED1 /* libRCTVibration.a */, 350 | ); 351 | name = Products; 352 | sourceTree = ""; 353 | }; 354 | 00E356EF1AD99517003FC87E /* FirstProjectTests */ = { 355 | isa = PBXGroup; 356 | children = ( 357 | 00E356F21AD99517003FC87E /* FirstProjectTests.m */, 358 | 00E356F01AD99517003FC87E /* Supporting Files */, 359 | ); 360 | path = FirstProjectTests; 361 | sourceTree = ""; 362 | }; 363 | 00E356F01AD99517003FC87E /* Supporting Files */ = { 364 | isa = PBXGroup; 365 | children = ( 366 | 00E356F11AD99517003FC87E /* Info.plist */, 367 | ); 368 | name = "Supporting Files"; 369 | sourceTree = ""; 370 | }; 371 | 139105B71AF99BAD00B5F7CC /* Products */ = { 372 | isa = PBXGroup; 373 | children = ( 374 | 139105C11AF99BAD00B5F7CC /* libRCTSettings.a */, 375 | 3DAD3E901DF850E9000B6D8A /* libRCTSettings-tvOS.a */, 376 | ); 377 | name = Products; 378 | sourceTree = ""; 379 | }; 380 | 139FDEE71B06529A00C62182 /* Products */ = { 381 | isa = PBXGroup; 382 | children = ( 383 | 139FDEF41B06529B00C62182 /* libRCTWebSocket.a */, 384 | 3DAD3E991DF850E9000B6D8A /* libRCTWebSocket-tvOS.a */, 385 | ); 386 | name = Products; 387 | sourceTree = ""; 388 | }; 389 | 13B07FAE1A68108700A75B9A /* FirstProject */ = { 390 | isa = PBXGroup; 391 | children = ( 392 | 008F07F21AC5B25A0029DE68 /* main.jsbundle */, 393 | 13B07FAF1A68108700A75B9A /* AppDelegate.h */, 394 | 13B07FB01A68108700A75B9A /* AppDelegate.m */, 395 | 13B07FB51A68108700A75B9A /* Images.xcassets */, 396 | 13B07FB61A68108700A75B9A /* Info.plist */, 397 | 13B07FB11A68108700A75B9A /* LaunchScreen.xib */, 398 | 13B07FB71A68108700A75B9A /* main.m */, 399 | ); 400 | name = FirstProject; 401 | sourceTree = ""; 402 | }; 403 | 146834001AC3E56700842450 /* Products */ = { 404 | isa = PBXGroup; 405 | children = ( 406 | 146834041AC3E56700842450 /* libReact.a */, 407 | 3DAD3EA31DF850E9000B6D8A /* libReact.a */, 408 | 3DAD3EA51DF850E9000B6D8A /* libyoga.a */, 409 | 3DAD3EA71DF850E9000B6D8A /* libyoga.a */, 410 | 3DAD3EA91DF850E9000B6D8A /* libcxxreact.a */, 411 | 3DAD3EAB1DF850E9000B6D8A /* libcxxreact.a */, 412 | 3DAD3EAD1DF850E9000B6D8A /* libjschelpers.a */, 413 | 3DAD3EAF1DF850E9000B6D8A /* libjschelpers.a */, 414 | ); 415 | name = Products; 416 | sourceTree = ""; 417 | }; 418 | 5E91572E1DD0AC6500FF2AA8 /* Products */ = { 419 | isa = PBXGroup; 420 | children = ( 421 | 5E9157331DD0AC6500FF2AA8 /* libRCTAnimation.a */, 422 | 5E9157351DD0AC6500FF2AA8 /* libRCTAnimation-tvOS.a */, 423 | ); 424 | name = Products; 425 | sourceTree = ""; 426 | }; 427 | 78C398B11ACF4ADC00677621 /* Products */ = { 428 | isa = PBXGroup; 429 | children = ( 430 | 78C398B91ACF4ADC00677621 /* libRCTLinking.a */, 431 | 3DAD3E881DF850E9000B6D8A /* libRCTLinking-tvOS.a */, 432 | ); 433 | name = Products; 434 | sourceTree = ""; 435 | }; 436 | 832341AE1AAA6A7D00B99B32 /* Libraries */ = { 437 | isa = PBXGroup; 438 | children = ( 439 | 5E91572D1DD0AC6500FF2AA8 /* RCTAnimation.xcodeproj */, 440 | 146833FF1AC3E56700842450 /* React.xcodeproj */, 441 | 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */, 442 | 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */, 443 | 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */, 444 | 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */, 445 | 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */, 446 | 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */, 447 | 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */, 448 | 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */, 449 | 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */, 450 | ); 451 | name = Libraries; 452 | sourceTree = ""; 453 | }; 454 | 832341B11AAA6A8300B99B32 /* Products */ = { 455 | isa = PBXGroup; 456 | children = ( 457 | 832341B51AAA6A8300B99B32 /* libRCTText.a */, 458 | 3DAD3E941DF850E9000B6D8A /* libRCTText-tvOS.a */, 459 | ); 460 | name = Products; 461 | sourceTree = ""; 462 | }; 463 | 83CBB9F61A601CBA00E9B192 = { 464 | isa = PBXGroup; 465 | children = ( 466 | 13B07FAE1A68108700A75B9A /* FirstProject */, 467 | 832341AE1AAA6A7D00B99B32 /* Libraries */, 468 | 00E356EF1AD99517003FC87E /* FirstProjectTests */, 469 | 83CBBA001A601CBA00E9B192 /* Products */, 470 | ); 471 | indentWidth = 2; 472 | sourceTree = ""; 473 | tabWidth = 2; 474 | }; 475 | 83CBBA001A601CBA00E9B192 /* Products */ = { 476 | isa = PBXGroup; 477 | children = ( 478 | 13B07F961A680F5B00A75B9A /* FirstProject.app */, 479 | 00E356EE1AD99517003FC87E /* FirstProjectTests.xctest */, 480 | 2D02E47B1E0B4A5D006451C7 /* FirstProject-tvOS.app */, 481 | 2D02E4901E0B4A5D006451C7 /* FirstProject-tvOSTests.xctest */, 482 | ); 483 | name = Products; 484 | sourceTree = ""; 485 | }; 486 | /* End PBXGroup section */ 487 | 488 | /* Begin PBXNativeTarget section */ 489 | 00E356ED1AD99517003FC87E /* FirstProjectTests */ = { 490 | isa = PBXNativeTarget; 491 | buildConfigurationList = 00E357021AD99517003FC87E /* Build configuration list for PBXNativeTarget "FirstProjectTests" */; 492 | buildPhases = ( 493 | 00E356EA1AD99517003FC87E /* Sources */, 494 | 00E356EB1AD99517003FC87E /* Frameworks */, 495 | 00E356EC1AD99517003FC87E /* Resources */, 496 | ); 497 | buildRules = ( 498 | ); 499 | dependencies = ( 500 | 00E356F51AD99517003FC87E /* PBXTargetDependency */, 501 | ); 502 | name = FirstProjectTests; 503 | productName = FirstProjectTests; 504 | productReference = 00E356EE1AD99517003FC87E /* FirstProjectTests.xctest */; 505 | productType = "com.apple.product-type.bundle.unit-test"; 506 | }; 507 | 13B07F861A680F5B00A75B9A /* FirstProject */ = { 508 | isa = PBXNativeTarget; 509 | buildConfigurationList = 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "FirstProject" */; 510 | buildPhases = ( 511 | 13B07F871A680F5B00A75B9A /* Sources */, 512 | 13B07F8C1A680F5B00A75B9A /* Frameworks */, 513 | 13B07F8E1A680F5B00A75B9A /* Resources */, 514 | 00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */, 515 | ); 516 | buildRules = ( 517 | ); 518 | dependencies = ( 519 | ); 520 | name = FirstProject; 521 | productName = "Hello World"; 522 | productReference = 13B07F961A680F5B00A75B9A /* FirstProject.app */; 523 | productType = "com.apple.product-type.application"; 524 | }; 525 | 2D02E47A1E0B4A5D006451C7 /* FirstProject-tvOS */ = { 526 | isa = PBXNativeTarget; 527 | buildConfigurationList = 2D02E4BA1E0B4A5E006451C7 /* Build configuration list for PBXNativeTarget "FirstProject-tvOS" */; 528 | buildPhases = ( 529 | 2D02E4771E0B4A5D006451C7 /* Sources */, 530 | 2D02E4781E0B4A5D006451C7 /* Frameworks */, 531 | 2D02E4791E0B4A5D006451C7 /* Resources */, 532 | 2D02E4CB1E0B4B27006451C7 /* Bundle React Native Code And Images */, 533 | ); 534 | buildRules = ( 535 | ); 536 | dependencies = ( 537 | ); 538 | name = "FirstProject-tvOS"; 539 | productName = "FirstProject-tvOS"; 540 | productReference = 2D02E47B1E0B4A5D006451C7 /* FirstProject-tvOS.app */; 541 | productType = "com.apple.product-type.application"; 542 | }; 543 | 2D02E48F1E0B4A5D006451C7 /* FirstProject-tvOSTests */ = { 544 | isa = PBXNativeTarget; 545 | buildConfigurationList = 2D02E4BB1E0B4A5E006451C7 /* Build configuration list for PBXNativeTarget "FirstProject-tvOSTests" */; 546 | buildPhases = ( 547 | 2D02E48C1E0B4A5D006451C7 /* Sources */, 548 | 2D02E48D1E0B4A5D006451C7 /* Frameworks */, 549 | 2D02E48E1E0B4A5D006451C7 /* Resources */, 550 | ); 551 | buildRules = ( 552 | ); 553 | dependencies = ( 554 | 2D02E4921E0B4A5D006451C7 /* PBXTargetDependency */, 555 | ); 556 | name = "FirstProject-tvOSTests"; 557 | productName = "FirstProject-tvOSTests"; 558 | productReference = 2D02E4901E0B4A5D006451C7 /* FirstProject-tvOSTests.xctest */; 559 | productType = "com.apple.product-type.bundle.unit-test"; 560 | }; 561 | /* End PBXNativeTarget section */ 562 | 563 | /* Begin PBXProject section */ 564 | 83CBB9F71A601CBA00E9B192 /* Project object */ = { 565 | isa = PBXProject; 566 | attributes = { 567 | LastUpgradeCheck = 0610; 568 | ORGANIZATIONNAME = Facebook; 569 | TargetAttributes = { 570 | 00E356ED1AD99517003FC87E = { 571 | CreatedOnToolsVersion = 6.2; 572 | TestTargetID = 13B07F861A680F5B00A75B9A; 573 | }; 574 | 2D02E47A1E0B4A5D006451C7 = { 575 | CreatedOnToolsVersion = 8.2.1; 576 | ProvisioningStyle = Automatic; 577 | }; 578 | 2D02E48F1E0B4A5D006451C7 = { 579 | CreatedOnToolsVersion = 8.2.1; 580 | ProvisioningStyle = Automatic; 581 | TestTargetID = 2D02E47A1E0B4A5D006451C7; 582 | }; 583 | }; 584 | }; 585 | buildConfigurationList = 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "FirstProject" */; 586 | compatibilityVersion = "Xcode 3.2"; 587 | developmentRegion = English; 588 | hasScannedForEncodings = 0; 589 | knownRegions = ( 590 | en, 591 | Base, 592 | ); 593 | mainGroup = 83CBB9F61A601CBA00E9B192; 594 | productRefGroup = 83CBBA001A601CBA00E9B192 /* Products */; 595 | projectDirPath = ""; 596 | projectReferences = ( 597 | { 598 | ProductGroup = 00C302A81ABCB8CE00DB3ED1 /* Products */; 599 | ProjectRef = 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */; 600 | }, 601 | { 602 | ProductGroup = 5E91572E1DD0AC6500FF2AA8 /* Products */; 603 | ProjectRef = 5E91572D1DD0AC6500FF2AA8 /* RCTAnimation.xcodeproj */; 604 | }, 605 | { 606 | ProductGroup = 00C302B61ABCB90400DB3ED1 /* Products */; 607 | ProjectRef = 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */; 608 | }, 609 | { 610 | ProductGroup = 00C302BC1ABCB91800DB3ED1 /* Products */; 611 | ProjectRef = 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */; 612 | }, 613 | { 614 | ProductGroup = 78C398B11ACF4ADC00677621 /* Products */; 615 | ProjectRef = 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */; 616 | }, 617 | { 618 | ProductGroup = 00C302D41ABCB9D200DB3ED1 /* Products */; 619 | ProjectRef = 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */; 620 | }, 621 | { 622 | ProductGroup = 139105B71AF99BAD00B5F7CC /* Products */; 623 | ProjectRef = 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */; 624 | }, 625 | { 626 | ProductGroup = 832341B11AAA6A8300B99B32 /* Products */; 627 | ProjectRef = 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */; 628 | }, 629 | { 630 | ProductGroup = 00C302E01ABCB9EE00DB3ED1 /* Products */; 631 | ProjectRef = 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */; 632 | }, 633 | { 634 | ProductGroup = 139FDEE71B06529A00C62182 /* Products */; 635 | ProjectRef = 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */; 636 | }, 637 | { 638 | ProductGroup = 146834001AC3E56700842450 /* Products */; 639 | ProjectRef = 146833FF1AC3E56700842450 /* React.xcodeproj */; 640 | }, 641 | ); 642 | projectRoot = ""; 643 | targets = ( 644 | 13B07F861A680F5B00A75B9A /* FirstProject */, 645 | 00E356ED1AD99517003FC87E /* FirstProjectTests */, 646 | 2D02E47A1E0B4A5D006451C7 /* FirstProject-tvOS */, 647 | 2D02E48F1E0B4A5D006451C7 /* FirstProject-tvOSTests */, 648 | ); 649 | }; 650 | /* End PBXProject section */ 651 | 652 | /* Begin PBXReferenceProxy section */ 653 | 00C302AC1ABCB8CE00DB3ED1 /* libRCTActionSheet.a */ = { 654 | isa = PBXReferenceProxy; 655 | fileType = archive.ar; 656 | path = libRCTActionSheet.a; 657 | remoteRef = 00C302AB1ABCB8CE00DB3ED1 /* PBXContainerItemProxy */; 658 | sourceTree = BUILT_PRODUCTS_DIR; 659 | }; 660 | 00C302BA1ABCB90400DB3ED1 /* libRCTGeolocation.a */ = { 661 | isa = PBXReferenceProxy; 662 | fileType = archive.ar; 663 | path = libRCTGeolocation.a; 664 | remoteRef = 00C302B91ABCB90400DB3ED1 /* PBXContainerItemProxy */; 665 | sourceTree = BUILT_PRODUCTS_DIR; 666 | }; 667 | 00C302C01ABCB91800DB3ED1 /* libRCTImage.a */ = { 668 | isa = PBXReferenceProxy; 669 | fileType = archive.ar; 670 | path = libRCTImage.a; 671 | remoteRef = 00C302BF1ABCB91800DB3ED1 /* PBXContainerItemProxy */; 672 | sourceTree = BUILT_PRODUCTS_DIR; 673 | }; 674 | 00C302DC1ABCB9D200DB3ED1 /* libRCTNetwork.a */ = { 675 | isa = PBXReferenceProxy; 676 | fileType = archive.ar; 677 | path = libRCTNetwork.a; 678 | remoteRef = 00C302DB1ABCB9D200DB3ED1 /* PBXContainerItemProxy */; 679 | sourceTree = BUILT_PRODUCTS_DIR; 680 | }; 681 | 00C302E41ABCB9EE00DB3ED1 /* libRCTVibration.a */ = { 682 | isa = PBXReferenceProxy; 683 | fileType = archive.ar; 684 | path = libRCTVibration.a; 685 | remoteRef = 00C302E31ABCB9EE00DB3ED1 /* PBXContainerItemProxy */; 686 | sourceTree = BUILT_PRODUCTS_DIR; 687 | }; 688 | 139105C11AF99BAD00B5F7CC /* libRCTSettings.a */ = { 689 | isa = PBXReferenceProxy; 690 | fileType = archive.ar; 691 | path = libRCTSettings.a; 692 | remoteRef = 139105C01AF99BAD00B5F7CC /* PBXContainerItemProxy */; 693 | sourceTree = BUILT_PRODUCTS_DIR; 694 | }; 695 | 139FDEF41B06529B00C62182 /* libRCTWebSocket.a */ = { 696 | isa = PBXReferenceProxy; 697 | fileType = archive.ar; 698 | path = libRCTWebSocket.a; 699 | remoteRef = 139FDEF31B06529B00C62182 /* PBXContainerItemProxy */; 700 | sourceTree = BUILT_PRODUCTS_DIR; 701 | }; 702 | 146834041AC3E56700842450 /* libReact.a */ = { 703 | isa = PBXReferenceProxy; 704 | fileType = archive.ar; 705 | path = libReact.a; 706 | remoteRef = 146834031AC3E56700842450 /* PBXContainerItemProxy */; 707 | sourceTree = BUILT_PRODUCTS_DIR; 708 | }; 709 | 3DAD3E841DF850E9000B6D8A /* libRCTImage-tvOS.a */ = { 710 | isa = PBXReferenceProxy; 711 | fileType = archive.ar; 712 | path = "libRCTImage-tvOS.a"; 713 | remoteRef = 3DAD3E831DF850E9000B6D8A /* PBXContainerItemProxy */; 714 | sourceTree = BUILT_PRODUCTS_DIR; 715 | }; 716 | 3DAD3E881DF850E9000B6D8A /* libRCTLinking-tvOS.a */ = { 717 | isa = PBXReferenceProxy; 718 | fileType = archive.ar; 719 | path = "libRCTLinking-tvOS.a"; 720 | remoteRef = 3DAD3E871DF850E9000B6D8A /* PBXContainerItemProxy */; 721 | sourceTree = BUILT_PRODUCTS_DIR; 722 | }; 723 | 3DAD3E8C1DF850E9000B6D8A /* libRCTNetwork-tvOS.a */ = { 724 | isa = PBXReferenceProxy; 725 | fileType = archive.ar; 726 | path = "libRCTNetwork-tvOS.a"; 727 | remoteRef = 3DAD3E8B1DF850E9000B6D8A /* PBXContainerItemProxy */; 728 | sourceTree = BUILT_PRODUCTS_DIR; 729 | }; 730 | 3DAD3E901DF850E9000B6D8A /* libRCTSettings-tvOS.a */ = { 731 | isa = PBXReferenceProxy; 732 | fileType = archive.ar; 733 | path = "libRCTSettings-tvOS.a"; 734 | remoteRef = 3DAD3E8F1DF850E9000B6D8A /* PBXContainerItemProxy */; 735 | sourceTree = BUILT_PRODUCTS_DIR; 736 | }; 737 | 3DAD3E941DF850E9000B6D8A /* libRCTText-tvOS.a */ = { 738 | isa = PBXReferenceProxy; 739 | fileType = archive.ar; 740 | path = "libRCTText-tvOS.a"; 741 | remoteRef = 3DAD3E931DF850E9000B6D8A /* PBXContainerItemProxy */; 742 | sourceTree = BUILT_PRODUCTS_DIR; 743 | }; 744 | 3DAD3E991DF850E9000B6D8A /* libRCTWebSocket-tvOS.a */ = { 745 | isa = PBXReferenceProxy; 746 | fileType = archive.ar; 747 | path = "libRCTWebSocket-tvOS.a"; 748 | remoteRef = 3DAD3E981DF850E9000B6D8A /* PBXContainerItemProxy */; 749 | sourceTree = BUILT_PRODUCTS_DIR; 750 | }; 751 | 3DAD3EA31DF850E9000B6D8A /* libReact.a */ = { 752 | isa = PBXReferenceProxy; 753 | fileType = archive.ar; 754 | path = libReact.a; 755 | remoteRef = 3DAD3EA21DF850E9000B6D8A /* PBXContainerItemProxy */; 756 | sourceTree = BUILT_PRODUCTS_DIR; 757 | }; 758 | 3DAD3EA51DF850E9000B6D8A /* libyoga.a */ = { 759 | isa = PBXReferenceProxy; 760 | fileType = archive.ar; 761 | path = libyoga.a; 762 | remoteRef = 3DAD3EA41DF850E9000B6D8A /* PBXContainerItemProxy */; 763 | sourceTree = BUILT_PRODUCTS_DIR; 764 | }; 765 | 3DAD3EA71DF850E9000B6D8A /* libyoga.a */ = { 766 | isa = PBXReferenceProxy; 767 | fileType = archive.ar; 768 | path = libyoga.a; 769 | remoteRef = 3DAD3EA61DF850E9000B6D8A /* PBXContainerItemProxy */; 770 | sourceTree = BUILT_PRODUCTS_DIR; 771 | }; 772 | 3DAD3EA91DF850E9000B6D8A /* libcxxreact.a */ = { 773 | isa = PBXReferenceProxy; 774 | fileType = archive.ar; 775 | path = libcxxreact.a; 776 | remoteRef = 3DAD3EA81DF850E9000B6D8A /* PBXContainerItemProxy */; 777 | sourceTree = BUILT_PRODUCTS_DIR; 778 | }; 779 | 3DAD3EAB1DF850E9000B6D8A /* libcxxreact.a */ = { 780 | isa = PBXReferenceProxy; 781 | fileType = archive.ar; 782 | path = libcxxreact.a; 783 | remoteRef = 3DAD3EAA1DF850E9000B6D8A /* PBXContainerItemProxy */; 784 | sourceTree = BUILT_PRODUCTS_DIR; 785 | }; 786 | 3DAD3EAD1DF850E9000B6D8A /* libjschelpers.a */ = { 787 | isa = PBXReferenceProxy; 788 | fileType = archive.ar; 789 | path = libjschelpers.a; 790 | remoteRef = 3DAD3EAC1DF850E9000B6D8A /* PBXContainerItemProxy */; 791 | sourceTree = BUILT_PRODUCTS_DIR; 792 | }; 793 | 3DAD3EAF1DF850E9000B6D8A /* libjschelpers.a */ = { 794 | isa = PBXReferenceProxy; 795 | fileType = archive.ar; 796 | path = libjschelpers.a; 797 | remoteRef = 3DAD3EAE1DF850E9000B6D8A /* PBXContainerItemProxy */; 798 | sourceTree = BUILT_PRODUCTS_DIR; 799 | }; 800 | 5E9157331DD0AC6500FF2AA8 /* libRCTAnimation.a */ = { 801 | isa = PBXReferenceProxy; 802 | fileType = archive.ar; 803 | path = libRCTAnimation.a; 804 | remoteRef = 5E9157321DD0AC6500FF2AA8 /* PBXContainerItemProxy */; 805 | sourceTree = BUILT_PRODUCTS_DIR; 806 | }; 807 | 5E9157351DD0AC6500FF2AA8 /* libRCTAnimation-tvOS.a */ = { 808 | isa = PBXReferenceProxy; 809 | fileType = archive.ar; 810 | path = "libRCTAnimation-tvOS.a"; 811 | remoteRef = 5E9157341DD0AC6500FF2AA8 /* PBXContainerItemProxy */; 812 | sourceTree = BUILT_PRODUCTS_DIR; 813 | }; 814 | 78C398B91ACF4ADC00677621 /* libRCTLinking.a */ = { 815 | isa = PBXReferenceProxy; 816 | fileType = archive.ar; 817 | path = libRCTLinking.a; 818 | remoteRef = 78C398B81ACF4ADC00677621 /* PBXContainerItemProxy */; 819 | sourceTree = BUILT_PRODUCTS_DIR; 820 | }; 821 | 832341B51AAA6A8300B99B32 /* libRCTText.a */ = { 822 | isa = PBXReferenceProxy; 823 | fileType = archive.ar; 824 | path = libRCTText.a; 825 | remoteRef = 832341B41AAA6A8300B99B32 /* PBXContainerItemProxy */; 826 | sourceTree = BUILT_PRODUCTS_DIR; 827 | }; 828 | /* End PBXReferenceProxy section */ 829 | 830 | /* Begin PBXResourcesBuildPhase section */ 831 | 00E356EC1AD99517003FC87E /* Resources */ = { 832 | isa = PBXResourcesBuildPhase; 833 | buildActionMask = 2147483647; 834 | files = ( 835 | ); 836 | runOnlyForDeploymentPostprocessing = 0; 837 | }; 838 | 13B07F8E1A680F5B00A75B9A /* Resources */ = { 839 | isa = PBXResourcesBuildPhase; 840 | buildActionMask = 2147483647; 841 | files = ( 842 | 13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */, 843 | 13B07FBD1A68108700A75B9A /* LaunchScreen.xib in Resources */, 844 | ); 845 | runOnlyForDeploymentPostprocessing = 0; 846 | }; 847 | 2D02E4791E0B4A5D006451C7 /* Resources */ = { 848 | isa = PBXResourcesBuildPhase; 849 | buildActionMask = 2147483647; 850 | files = ( 851 | 2D02E4BD1E0B4A84006451C7 /* Images.xcassets in Resources */, 852 | ); 853 | runOnlyForDeploymentPostprocessing = 0; 854 | }; 855 | 2D02E48E1E0B4A5D006451C7 /* Resources */ = { 856 | isa = PBXResourcesBuildPhase; 857 | buildActionMask = 2147483647; 858 | files = ( 859 | ); 860 | runOnlyForDeploymentPostprocessing = 0; 861 | }; 862 | /* End PBXResourcesBuildPhase section */ 863 | 864 | /* Begin PBXShellScriptBuildPhase section */ 865 | 00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */ = { 866 | isa = PBXShellScriptBuildPhase; 867 | buildActionMask = 2147483647; 868 | files = ( 869 | ); 870 | inputPaths = ( 871 | ); 872 | name = "Bundle React Native code and images"; 873 | outputPaths = ( 874 | ); 875 | runOnlyForDeploymentPostprocessing = 0; 876 | shellPath = /bin/sh; 877 | shellScript = "export NODE_BINARY=node\n../node_modules/react-native/packager/react-native-xcode.sh"; 878 | }; 879 | 2D02E4CB1E0B4B27006451C7 /* Bundle React Native Code And Images */ = { 880 | isa = PBXShellScriptBuildPhase; 881 | buildActionMask = 2147483647; 882 | files = ( 883 | ); 884 | inputPaths = ( 885 | ); 886 | name = "Bundle React Native Code And Images"; 887 | outputPaths = ( 888 | ); 889 | runOnlyForDeploymentPostprocessing = 0; 890 | shellPath = /bin/sh; 891 | shellScript = "export NODE_BINARY=node\n../node_modules/react-native/packager/react-native-xcode.sh"; 892 | }; 893 | /* End PBXShellScriptBuildPhase section */ 894 | 895 | /* Begin PBXSourcesBuildPhase section */ 896 | 00E356EA1AD99517003FC87E /* Sources */ = { 897 | isa = PBXSourcesBuildPhase; 898 | buildActionMask = 2147483647; 899 | files = ( 900 | 00E356F31AD99517003FC87E /* FirstProjectTests.m in Sources */, 901 | ); 902 | runOnlyForDeploymentPostprocessing = 0; 903 | }; 904 | 13B07F871A680F5B00A75B9A /* Sources */ = { 905 | isa = PBXSourcesBuildPhase; 906 | buildActionMask = 2147483647; 907 | files = ( 908 | 13B07FBC1A68108700A75B9A /* AppDelegate.m in Sources */, 909 | 13B07FC11A68108700A75B9A /* main.m in Sources */, 910 | ); 911 | runOnlyForDeploymentPostprocessing = 0; 912 | }; 913 | 2D02E4771E0B4A5D006451C7 /* Sources */ = { 914 | isa = PBXSourcesBuildPhase; 915 | buildActionMask = 2147483647; 916 | files = ( 917 | 2D02E4BF1E0B4AB3006451C7 /* main.m in Sources */, 918 | 2D02E4BC1E0B4A80006451C7 /* AppDelegate.m in Sources */, 919 | ); 920 | runOnlyForDeploymentPostprocessing = 0; 921 | }; 922 | 2D02E48C1E0B4A5D006451C7 /* Sources */ = { 923 | isa = PBXSourcesBuildPhase; 924 | buildActionMask = 2147483647; 925 | files = ( 926 | 2DCD954D1E0B4F2C00145EB5 /* FirstProjectTests.m in Sources */, 927 | ); 928 | runOnlyForDeploymentPostprocessing = 0; 929 | }; 930 | /* End PBXSourcesBuildPhase section */ 931 | 932 | /* Begin PBXTargetDependency section */ 933 | 00E356F51AD99517003FC87E /* PBXTargetDependency */ = { 934 | isa = PBXTargetDependency; 935 | target = 13B07F861A680F5B00A75B9A /* FirstProject */; 936 | targetProxy = 00E356F41AD99517003FC87E /* PBXContainerItemProxy */; 937 | }; 938 | 2D02E4921E0B4A5D006451C7 /* PBXTargetDependency */ = { 939 | isa = PBXTargetDependency; 940 | target = 2D02E47A1E0B4A5D006451C7 /* FirstProject-tvOS */; 941 | targetProxy = 2D02E4911E0B4A5D006451C7 /* PBXContainerItemProxy */; 942 | }; 943 | /* End PBXTargetDependency section */ 944 | 945 | /* Begin PBXVariantGroup section */ 946 | 13B07FB11A68108700A75B9A /* LaunchScreen.xib */ = { 947 | isa = PBXVariantGroup; 948 | children = ( 949 | 13B07FB21A68108700A75B9A /* Base */, 950 | ); 951 | name = LaunchScreen.xib; 952 | path = FirstProject; 953 | sourceTree = ""; 954 | }; 955 | /* End PBXVariantGroup section */ 956 | 957 | /* Begin XCBuildConfiguration section */ 958 | 00E356F61AD99517003FC87E /* Debug */ = { 959 | isa = XCBuildConfiguration; 960 | buildSettings = { 961 | BUNDLE_LOADER = "$(TEST_HOST)"; 962 | GCC_PREPROCESSOR_DEFINITIONS = ( 963 | "DEBUG=1", 964 | "$(inherited)", 965 | ); 966 | INFOPLIST_FILE = FirstProjectTests/Info.plist; 967 | IPHONEOS_DEPLOYMENT_TARGET = 8.0; 968 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks"; 969 | OTHER_LDFLAGS = ( 970 | "-ObjC", 971 | "-lc++", 972 | ); 973 | PRODUCT_NAME = "$(TARGET_NAME)"; 974 | TEST_HOST = "$(BUILT_PRODUCTS_DIR)/FirstProject.app/FirstProject"; 975 | }; 976 | name = Debug; 977 | }; 978 | 00E356F71AD99517003FC87E /* Release */ = { 979 | isa = XCBuildConfiguration; 980 | buildSettings = { 981 | BUNDLE_LOADER = "$(TEST_HOST)"; 982 | COPY_PHASE_STRIP = NO; 983 | INFOPLIST_FILE = FirstProjectTests/Info.plist; 984 | IPHONEOS_DEPLOYMENT_TARGET = 8.0; 985 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks"; 986 | OTHER_LDFLAGS = ( 987 | "-ObjC", 988 | "-lc++", 989 | ); 990 | PRODUCT_NAME = "$(TARGET_NAME)"; 991 | TEST_HOST = "$(BUILT_PRODUCTS_DIR)/FirstProject.app/FirstProject"; 992 | }; 993 | name = Release; 994 | }; 995 | 13B07F941A680F5B00A75B9A /* Debug */ = { 996 | isa = XCBuildConfiguration; 997 | buildSettings = { 998 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; 999 | CURRENT_PROJECT_VERSION = 1; 1000 | DEAD_CODE_STRIPPING = NO; 1001 | INFOPLIST_FILE = FirstProject/Info.plist; 1002 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 1003 | OTHER_LDFLAGS = ( 1004 | "$(inherited)", 1005 | "-ObjC", 1006 | "-lc++", 1007 | ); 1008 | PRODUCT_NAME = FirstProject; 1009 | VERSIONING_SYSTEM = "apple-generic"; 1010 | }; 1011 | name = Debug; 1012 | }; 1013 | 13B07F951A680F5B00A75B9A /* Release */ = { 1014 | isa = XCBuildConfiguration; 1015 | buildSettings = { 1016 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; 1017 | CURRENT_PROJECT_VERSION = 1; 1018 | INFOPLIST_FILE = FirstProject/Info.plist; 1019 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 1020 | OTHER_LDFLAGS = ( 1021 | "$(inherited)", 1022 | "-ObjC", 1023 | "-lc++", 1024 | ); 1025 | PRODUCT_NAME = FirstProject; 1026 | VERSIONING_SYSTEM = "apple-generic"; 1027 | }; 1028 | name = Release; 1029 | }; 1030 | 2D02E4971E0B4A5E006451C7 /* Debug */ = { 1031 | isa = XCBuildConfiguration; 1032 | buildSettings = { 1033 | ASSETCATALOG_COMPILER_APPICON_NAME = "App Icon & Top Shelf Image"; 1034 | ASSETCATALOG_COMPILER_LAUNCHIMAGE_NAME = LaunchImage; 1035 | CLANG_ANALYZER_NONNULL = YES; 1036 | CLANG_WARN_DOCUMENTATION_COMMENTS = YES; 1037 | CLANG_WARN_INFINITE_RECURSION = YES; 1038 | CLANG_WARN_SUSPICIOUS_MOVE = YES; 1039 | DEBUG_INFORMATION_FORMAT = dwarf; 1040 | ENABLE_TESTABILITY = YES; 1041 | GCC_NO_COMMON_BLOCKS = YES; 1042 | INFOPLIST_FILE = "FirstProject-tvOS/Info.plist"; 1043 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 1044 | OTHER_LDFLAGS = ( 1045 | "-ObjC", 1046 | "-lc++", 1047 | ); 1048 | PRODUCT_BUNDLE_IDENTIFIER = "com.facebook.REACT.FirstProject-tvOS"; 1049 | PRODUCT_NAME = "$(TARGET_NAME)"; 1050 | SDKROOT = appletvos; 1051 | TARGETED_DEVICE_FAMILY = 3; 1052 | TVOS_DEPLOYMENT_TARGET = 9.2; 1053 | }; 1054 | name = Debug; 1055 | }; 1056 | 2D02E4981E0B4A5E006451C7 /* Release */ = { 1057 | isa = XCBuildConfiguration; 1058 | buildSettings = { 1059 | ASSETCATALOG_COMPILER_APPICON_NAME = "App Icon & Top Shelf Image"; 1060 | ASSETCATALOG_COMPILER_LAUNCHIMAGE_NAME = LaunchImage; 1061 | CLANG_ANALYZER_NONNULL = YES; 1062 | CLANG_WARN_DOCUMENTATION_COMMENTS = YES; 1063 | CLANG_WARN_INFINITE_RECURSION = YES; 1064 | CLANG_WARN_SUSPICIOUS_MOVE = YES; 1065 | COPY_PHASE_STRIP = NO; 1066 | DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym"; 1067 | GCC_NO_COMMON_BLOCKS = YES; 1068 | INFOPLIST_FILE = "FirstProject-tvOS/Info.plist"; 1069 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 1070 | OTHER_LDFLAGS = ( 1071 | "-ObjC", 1072 | "-lc++", 1073 | ); 1074 | PRODUCT_BUNDLE_IDENTIFIER = "com.facebook.REACT.FirstProject-tvOS"; 1075 | PRODUCT_NAME = "$(TARGET_NAME)"; 1076 | SDKROOT = appletvos; 1077 | TARGETED_DEVICE_FAMILY = 3; 1078 | TVOS_DEPLOYMENT_TARGET = 9.2; 1079 | }; 1080 | name = Release; 1081 | }; 1082 | 2D02E4991E0B4A5E006451C7 /* Debug */ = { 1083 | isa = XCBuildConfiguration; 1084 | buildSettings = { 1085 | BUNDLE_LOADER = "$(TEST_HOST)"; 1086 | CLANG_ANALYZER_NONNULL = YES; 1087 | CLANG_WARN_DOCUMENTATION_COMMENTS = YES; 1088 | CLANG_WARN_INFINITE_RECURSION = YES; 1089 | CLANG_WARN_SUSPICIOUS_MOVE = YES; 1090 | DEBUG_INFORMATION_FORMAT = dwarf; 1091 | ENABLE_TESTABILITY = YES; 1092 | GCC_NO_COMMON_BLOCKS = YES; 1093 | INFOPLIST_FILE = "FirstProject-tvOSTests/Info.plist"; 1094 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks"; 1095 | PRODUCT_BUNDLE_IDENTIFIER = "com.facebook.REACT.FirstProject-tvOSTests"; 1096 | PRODUCT_NAME = "$(TARGET_NAME)"; 1097 | SDKROOT = appletvos; 1098 | TEST_HOST = "$(BUILT_PRODUCTS_DIR)/FirstProject-tvOS.app/FirstProject-tvOS"; 1099 | TVOS_DEPLOYMENT_TARGET = 10.1; 1100 | }; 1101 | name = Debug; 1102 | }; 1103 | 2D02E49A1E0B4A5E006451C7 /* Release */ = { 1104 | isa = XCBuildConfiguration; 1105 | buildSettings = { 1106 | BUNDLE_LOADER = "$(TEST_HOST)"; 1107 | CLANG_ANALYZER_NONNULL = YES; 1108 | CLANG_WARN_DOCUMENTATION_COMMENTS = YES; 1109 | CLANG_WARN_INFINITE_RECURSION = YES; 1110 | CLANG_WARN_SUSPICIOUS_MOVE = YES; 1111 | COPY_PHASE_STRIP = NO; 1112 | DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym"; 1113 | GCC_NO_COMMON_BLOCKS = YES; 1114 | INFOPLIST_FILE = "FirstProject-tvOSTests/Info.plist"; 1115 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks"; 1116 | PRODUCT_BUNDLE_IDENTIFIER = "com.facebook.REACT.FirstProject-tvOSTests"; 1117 | PRODUCT_NAME = "$(TARGET_NAME)"; 1118 | SDKROOT = appletvos; 1119 | TEST_HOST = "$(BUILT_PRODUCTS_DIR)/FirstProject-tvOS.app/FirstProject-tvOS"; 1120 | TVOS_DEPLOYMENT_TARGET = 10.1; 1121 | }; 1122 | name = Release; 1123 | }; 1124 | 83CBBA201A601CBA00E9B192 /* Debug */ = { 1125 | isa = XCBuildConfiguration; 1126 | buildSettings = { 1127 | ALWAYS_SEARCH_USER_PATHS = NO; 1128 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x"; 1129 | CLANG_CXX_LIBRARY = "libc++"; 1130 | CLANG_ENABLE_MODULES = YES; 1131 | CLANG_ENABLE_OBJC_ARC = YES; 1132 | CLANG_WARN_BOOL_CONVERSION = YES; 1133 | CLANG_WARN_CONSTANT_CONVERSION = YES; 1134 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 1135 | CLANG_WARN_EMPTY_BODY = YES; 1136 | CLANG_WARN_ENUM_CONVERSION = YES; 1137 | CLANG_WARN_INT_CONVERSION = YES; 1138 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 1139 | CLANG_WARN_UNREACHABLE_CODE = YES; 1140 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 1141 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer"; 1142 | COPY_PHASE_STRIP = NO; 1143 | ENABLE_STRICT_OBJC_MSGSEND = YES; 1144 | GCC_C_LANGUAGE_STANDARD = gnu99; 1145 | GCC_DYNAMIC_NO_PIC = NO; 1146 | GCC_OPTIMIZATION_LEVEL = 0; 1147 | GCC_PREPROCESSOR_DEFINITIONS = ( 1148 | "DEBUG=1", 1149 | "$(inherited)", 1150 | ); 1151 | GCC_SYMBOLS_PRIVATE_EXTERN = NO; 1152 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 1153 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 1154 | GCC_WARN_UNDECLARED_SELECTOR = YES; 1155 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 1156 | GCC_WARN_UNUSED_FUNCTION = YES; 1157 | GCC_WARN_UNUSED_VARIABLE = YES; 1158 | IPHONEOS_DEPLOYMENT_TARGET = 8.0; 1159 | MTL_ENABLE_DEBUG_INFO = YES; 1160 | ONLY_ACTIVE_ARCH = YES; 1161 | SDKROOT = iphoneos; 1162 | }; 1163 | name = Debug; 1164 | }; 1165 | 83CBBA211A601CBA00E9B192 /* Release */ = { 1166 | isa = XCBuildConfiguration; 1167 | buildSettings = { 1168 | ALWAYS_SEARCH_USER_PATHS = NO; 1169 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x"; 1170 | CLANG_CXX_LIBRARY = "libc++"; 1171 | CLANG_ENABLE_MODULES = YES; 1172 | CLANG_ENABLE_OBJC_ARC = YES; 1173 | CLANG_WARN_BOOL_CONVERSION = YES; 1174 | CLANG_WARN_CONSTANT_CONVERSION = YES; 1175 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 1176 | CLANG_WARN_EMPTY_BODY = YES; 1177 | CLANG_WARN_ENUM_CONVERSION = YES; 1178 | CLANG_WARN_INT_CONVERSION = YES; 1179 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 1180 | CLANG_WARN_UNREACHABLE_CODE = YES; 1181 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 1182 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer"; 1183 | COPY_PHASE_STRIP = YES; 1184 | ENABLE_NS_ASSERTIONS = NO; 1185 | ENABLE_STRICT_OBJC_MSGSEND = YES; 1186 | GCC_C_LANGUAGE_STANDARD = gnu99; 1187 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 1188 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 1189 | GCC_WARN_UNDECLARED_SELECTOR = YES; 1190 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 1191 | GCC_WARN_UNUSED_FUNCTION = YES; 1192 | GCC_WARN_UNUSED_VARIABLE = YES; 1193 | IPHONEOS_DEPLOYMENT_TARGET = 8.0; 1194 | MTL_ENABLE_DEBUG_INFO = NO; 1195 | SDKROOT = iphoneos; 1196 | VALIDATE_PRODUCT = YES; 1197 | }; 1198 | name = Release; 1199 | }; 1200 | /* End XCBuildConfiguration section */ 1201 | 1202 | /* Begin XCConfigurationList section */ 1203 | 00E357021AD99517003FC87E /* Build configuration list for PBXNativeTarget "FirstProjectTests" */ = { 1204 | isa = XCConfigurationList; 1205 | buildConfigurations = ( 1206 | 00E356F61AD99517003FC87E /* Debug */, 1207 | 00E356F71AD99517003FC87E /* Release */, 1208 | ); 1209 | defaultConfigurationIsVisible = 0; 1210 | defaultConfigurationName = Release; 1211 | }; 1212 | 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "FirstProject" */ = { 1213 | isa = XCConfigurationList; 1214 | buildConfigurations = ( 1215 | 13B07F941A680F5B00A75B9A /* Debug */, 1216 | 13B07F951A680F5B00A75B9A /* Release */, 1217 | ); 1218 | defaultConfigurationIsVisible = 0; 1219 | defaultConfigurationName = Release; 1220 | }; 1221 | 2D02E4BA1E0B4A5E006451C7 /* Build configuration list for PBXNativeTarget "FirstProject-tvOS" */ = { 1222 | isa = XCConfigurationList; 1223 | buildConfigurations = ( 1224 | 2D02E4971E0B4A5E006451C7 /* Debug */, 1225 | 2D02E4981E0B4A5E006451C7 /* Release */, 1226 | ); 1227 | defaultConfigurationIsVisible = 0; 1228 | defaultConfigurationName = Release; 1229 | }; 1230 | 2D02E4BB1E0B4A5E006451C7 /* Build configuration list for PBXNativeTarget "FirstProject-tvOSTests" */ = { 1231 | isa = XCConfigurationList; 1232 | buildConfigurations = ( 1233 | 2D02E4991E0B4A5E006451C7 /* Debug */, 1234 | 2D02E49A1E0B4A5E006451C7 /* Release */, 1235 | ); 1236 | defaultConfigurationIsVisible = 0; 1237 | defaultConfigurationName = Release; 1238 | }; 1239 | 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "FirstProject" */ = { 1240 | isa = XCConfigurationList; 1241 | buildConfigurations = ( 1242 | 83CBBA201A601CBA00E9B192 /* Debug */, 1243 | 83CBBA211A601CBA00E9B192 /* Release */, 1244 | ); 1245 | defaultConfigurationIsVisible = 0; 1246 | defaultConfigurationName = Release; 1247 | }; 1248 | /* End XCConfigurationList section */ 1249 | }; 1250 | rootObject = 83CBB9F71A601CBA00E9B192 /* Project object */; 1251 | } 1252 | -------------------------------------------------------------------------------- /05 reactNative-helloWorld/FirstProject/ios/FirstProject.xcodeproj/xcshareddata/xcschemes/FirstProject-tvOS.xcscheme: -------------------------------------------------------------------------------- 1 | 2 | 5 | 8 | 9 | 15 | 21 | 22 | 23 | 29 | 35 | 36 | 37 | 43 | 49 | 50 | 51 | 52 | 53 | 58 | 59 | 61 | 67 | 68 | 69 | 70 | 71 | 77 | 78 | 79 | 80 | 81 | 82 | 92 | 94 | 100 | 101 | 102 | 103 | 104 | 105 | 111 | 113 | 119 | 120 | 121 | 122 | 124 | 125 | 128 | 129 | 130 | -------------------------------------------------------------------------------- /05 reactNative-helloWorld/FirstProject/ios/FirstProject.xcodeproj/xcshareddata/xcschemes/FirstProject.xcscheme: -------------------------------------------------------------------------------- 1 | 2 | 5 | 8 | 9 | 15 | 21 | 22 | 23 | 29 | 35 | 36 | 37 | 43 | 49 | 50 | 51 | 52 | 53 | 58 | 59 | 61 | 67 | 68 | 69 | 70 | 71 | 77 | 78 | 79 | 80 | 81 | 82 | 92 | 94 | 100 | 101 | 102 | 103 | 104 | 105 | 111 | 113 | 119 | 120 | 121 | 122 | 124 | 125 | 128 | 129 | 130 | -------------------------------------------------------------------------------- /05 reactNative-helloWorld/FirstProject/ios/FirstProject/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 | -------------------------------------------------------------------------------- /05 reactNative-helloWorld/FirstProject/ios/FirstProject/AppDelegate.m: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright (c) 2015-present, Facebook, Inc. 3 | * All rights reserved. 4 | * 5 | * This source code is licensed under the BSD-style license found in the 6 | * LICENSE file in the root directory of this source tree. An additional grant 7 | * of patent rights can be found in the PATENTS file in the same directory. 8 | */ 9 | 10 | #import "AppDelegate.h" 11 | 12 | #import 13 | #import 14 | 15 | @implementation AppDelegate 16 | 17 | - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions 18 | { 19 | NSURL *jsCodeLocation; 20 | 21 | jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index.ios" fallbackResource:nil]; 22 | 23 | RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation 24 | moduleName:@"FirstProject" 25 | initialProperties:nil 26 | launchOptions:launchOptions]; 27 | rootView.backgroundColor = [[UIColor alloc] initWithRed:1.0f green:1.0f blue:1.0f alpha:1]; 28 | 29 | self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds]; 30 | UIViewController *rootViewController = [UIViewController new]; 31 | rootViewController.view = rootView; 32 | self.window.rootViewController = rootViewController; 33 | [self.window makeKeyAndVisible]; 34 | return YES; 35 | } 36 | 37 | @end 38 | -------------------------------------------------------------------------------- /05 reactNative-helloWorld/FirstProject/ios/FirstProject/Base.lproj/LaunchScreen.xib: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 21 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | -------------------------------------------------------------------------------- /05 reactNative-helloWorld/FirstProject/ios/FirstProject/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 | } -------------------------------------------------------------------------------- /05 reactNative-helloWorld/FirstProject/ios/FirstProject/Info.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CFBundleDevelopmentRegion 6 | en 7 | CFBundleDisplayName 8 | FirstProject 9 | CFBundleExecutable 10 | $(EXECUTABLE_NAME) 11 | CFBundleIdentifier 12 | org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier) 13 | CFBundleInfoDictionaryVersion 14 | 6.0 15 | CFBundleName 16 | $(PRODUCT_NAME) 17 | CFBundlePackageType 18 | APPL 19 | CFBundleShortVersionString 20 | 1.0 21 | CFBundleSignature 22 | ???? 23 | CFBundleVersion 24 | 1 25 | LSRequiresIPhoneOS 26 | 27 | UILaunchStoryboardName 28 | LaunchScreen 29 | UIRequiredDeviceCapabilities 30 | 31 | armv7 32 | 33 | UISupportedInterfaceOrientations 34 | 35 | UIInterfaceOrientationPortrait 36 | UIInterfaceOrientationLandscapeLeft 37 | UIInterfaceOrientationLandscapeRight 38 | 39 | UIViewControllerBasedStatusBarAppearance 40 | 41 | NSLocationWhenInUseUsageDescription 42 | 43 | NSAppTransportSecurity 44 | 45 | 46 | NSExceptionDomains 47 | 48 | localhost 49 | 50 | NSExceptionAllowsInsecureHTTPLoads 51 | 52 | 53 | 54 | 55 | 56 | 57 | -------------------------------------------------------------------------------- /05 reactNative-helloWorld/FirstProject/ios/FirstProject/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 | -------------------------------------------------------------------------------- /05 reactNative-helloWorld/FirstProject/ios/FirstProjectTests/FirstProjectTests.m: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright (c) 2015-present, Facebook, Inc. 3 | * All rights reserved. 4 | * 5 | * This source code is licensed under the BSD-style license found in the 6 | * LICENSE file in the root directory of this source tree. An additional grant 7 | * of patent rights can be found in the PATENTS file in the same directory. 8 | */ 9 | 10 | #import 11 | #import 12 | 13 | #import 14 | #import 15 | 16 | #define TIMEOUT_SECONDS 600 17 | #define TEXT_TO_LOOK_FOR @"Welcome to React Native!" 18 | 19 | @interface FirstProjectTests : XCTestCase 20 | 21 | @end 22 | 23 | @implementation FirstProjectTests 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, RCTLogSource source, NSString *fileName, NSNumber *lineNumber, NSString *message) { 46 | if (level >= RCTLogLevelError) { 47 | redboxError = message; 48 | } 49 | }); 50 | 51 | while ([date timeIntervalSinceNow] > 0 && !foundElement && !redboxError) { 52 | [[NSRunLoop mainRunLoop] runMode:NSDefaultRunLoopMode beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]]; 53 | [[NSRunLoop mainRunLoop] runMode:NSRunLoopCommonModes beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]]; 54 | 55 | foundElement = [self findSubviewInView:vc.view matching:^BOOL(UIView *view) { 56 | if ([view.accessibilityLabel isEqualToString:TEXT_TO_LOOK_FOR]) { 57 | return YES; 58 | } 59 | return NO; 60 | }]; 61 | } 62 | 63 | RCTSetLogFunction(RCTDefaultLogFunction); 64 | 65 | XCTAssertNil(redboxError, @"RedBox error: %@", redboxError); 66 | XCTAssertTrue(foundElement, @"Couldn't find element with text '%@' in %d seconds", TEXT_TO_LOOK_FOR, TIMEOUT_SECONDS); 67 | } 68 | 69 | 70 | @end 71 | -------------------------------------------------------------------------------- /05 reactNative-helloWorld/FirstProject/ios/FirstProjectTests/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 | -------------------------------------------------------------------------------- /05 reactNative-helloWorld/FirstProject/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "FirstProject", 3 | "version": "0.0.1", 4 | "private": true, 5 | "scripts": { 6 | "start": "node node_modules/react-native/local-cli/cli.js start", 7 | "test": "jest" 8 | }, 9 | "dependencies": { 10 | "react": "15.4.2", 11 | "react-native": "0.41.2" 12 | }, 13 | "devDependencies": { 14 | "babel-jest": "19.0.0", 15 | "babel-preset-react-native": "1.9.1", 16 | "jest": "19.0.2", 17 | "react-test-renderer": "15.4.2" 18 | }, 19 | "jest": { 20 | "preset": "react-native" 21 | } 22 | } -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Live Video Links 2 | 3 | * Part1: https://www.facebook.com/uqutub/posts/10154827101720469 4 | * Part2: https://www.facebook.com/uqutub/posts/10154827137160469 5 | * Part3: https://www.facebook.com/uqutub/posts/10154827225140469 6 | * Part4: https://www.facebook.com/uqutub/posts/10154827225515469 7 | --------------------------------------------------------------------------------