I hereby claim:
- I am franzejr on github.
- I am franzejr (https://keybase.io/franzejr) on keybase.
- I have a public key whose fingerprint is 10C9 9C7A 2CF2 0AD2 3A21 65B4 3A9F CF1C 1119 4253
To claim this, I am signing this object:
| import React, { Component } from 'react'; | |
| import { Router, Scene } from 'react-native-router-flux'; | |
| import MainScreen from './MainScreen/MainScreen'; | |
| import SettingsScreen from './SettingsScreen/SettingsScreen'; | |
| import LoginScreen from './LoginScreen/LoginScreen'; | |
| import SimpleDrawer from './SimpleDrawer/SimpleDrawer'; | |
| class App extends Component { |
| import React from 'react'; | |
| import { | |
| AppRegistry, | |
| } from 'react-native'; | |
| import App from './src/components/App'; | |
| const starterApp = () => { | |
| return ( | |
| <App /> | |
| ); |
| <ScrollView | |
| style={styles.scrollview} | |
| refreshControl={ | |
| <RefreshControl | |
| refreshing={this.state.isRefreshing} | |
| onRefresh={this._onRefresh} | |
| tintColor="#ff0000" | |
| title="Loading..." | |
| titleColor="#00ff00" | |
| colors={['#ff0000', '#00ff00', '#0000ff']} |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>JS Bin</title> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/redux/3.3.1/redux.js"></script> | |
| <script src="https://fb.me/react-0.14.7.js"></script> | |
| <script src="https://fb.me/react-dom-0.14.7.js"></script> | |
| </head> |
I hereby claim:
To claim this, I am signing this object:
| var GoodComponent = withScroll(React.createClass({ | |
| getInitialState: function() { | |
| return { | |
| someNewState: '' | |
| } | |
| }, | |
| componentWillReceiveProps: function(nextProps) { | |
| var {scroll} = this.props; | |
| // do something with scroll props |
| var getScroll = function() { | |
| return (window.pageYOffset !== undefined) ? window.pageYOffset : (document.documentElement || document.body.parentNode || document.body).scrollTop | |
| } | |
| var withScroll = function(Component) { | |
| return React.createClass({ | |
| getInitialState: function() { | |
| return { | |
| scroll: getScroll() | |
| } |
| var myWrongComponent2 = React.createClass({ | |
| changeVisibility: function(scroll){ | |
| if (scroll >= 100) { | |
| $(".my-fixed-div").css('visibility', 'visible'); | |
| } | |
| else{ | |
| $(".my-fixed-div").css('visibility', 'hidden'); | |
| } | |
| }, | |
| handleScroll: function () { |
| var myWrongComponent = React.createClass({ | |
| changeVisibility: function(scroll){ | |
| if (scroll >= 100) { | |
| $(".my-fixed-div").css('visibility', 'visible'); | |
| } | |
| else{ | |
| $(".my-fixed-div").css('visibility', 'hidden'); | |
| } | |
| }, | |
| componentDidMount: function () { |
| # How | |
| Interface vs Implementation | |
| Interface as List and Maps | |
| Implementation as as Trie | |
| #Implementation | |
| ## Structural Sharing Technique |