Franze M franzejr

## App.js
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 {

## index.ios.js
import React from 'react';
import {
  AppRegistry,
} from 'react-native';
import App from './src/components/App';

const starterApp = () => {
  return (
    <App />
  );

## RefreshReactNative.js
<ScrollView
        style={styles.scrollview}
        refreshControl={
          <RefreshControl
            refreshing={this.state.isRefreshing}
            onRefresh={this._onRefresh}
            tintColor="#ff0000"
            title="Loading..."
            titleColor="#00ff00"
            colors={['#ff0000', '#00ff00', '#0000ff']}

## index.html
<!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>

## keybase.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                franzejr
                / keybase.md
            
            
              Created
              May 22, 2016 17:43
            
          
    Keybase proof

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:

  
## good_component.js
var GoodComponent = withScroll(React.createClass({
  getInitialState: function() {
    return {
      someNewState: ''
    }
  },
  componentWillReceiveProps: function(nextProps) {
    var {scroll} = this.props;

    // do something with scroll props

## with_scroll_higher_order_component.js
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()
      }

## my_wrong_component2.js
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 () {

## my_wrong_component.js
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 () {

## immutable.js

# How

Interface vs Implementation
Interface as List and Maps
Implementation as as Trie

#Implementation

## Structural Sharing Technique
	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>
	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