Skip to content

Instantly share code, notes, and snippets.

View dabit3's full-sized avatar
🎡
probably nothing

Nader Dabit dabit3

🎡
probably nothing
View GitHub Profile
@dabit3
dabit3 / dabblet.css
Created April 4, 2014 19:25
Untitled
@keyframes rotate{
from{
transform:rotate(0deg) translate(-10px) rotate(0deg);
background-color:green;
}
to{
transform:rotate(360deg) translate(-10px) rotate(-360deg);
background-color:yellow;
}
}
@dabit3
dabit3 / Part 1
Last active January 22, 2016 15:12
Creating A Custom Toast Module for React Native Part 1
'use strict';
import React, {
AppRegistry,
Component,
StyleSheet,
Text,
View,
TouchableHighlight,
Animated
} from 'react-native';
@dabit3
dabit3 / Final Code
Created January 22, 2016 15:20
Creating A Custom Toast Module for React Native Final
'use strict';
import React, {
AppRegistry,
Component,
StyleSheet,
Text,
View,
TouchableHighlight,
Animated,
Dimensions
@dabit3
dabit3 / Render boxes of equal size with padding
Created January 22, 2016 19:46
Render boxes of equal size with padding
'use strict';
var React = require('react-native');
var {
StyleSheet,
Text,
View,
Dimensions,
ScrollView
} = React;
@dabit3
dabit3 / React Native Navigation examplea
Last active February 15, 2016 17:07
React Native Navigation examplea
var navigationSetup = React.createClass ({
renderScene = function (route, navigator) {
var routeId = route.id;
if (routeId === 'Login') {
return (<Login {...route.passProps} navigator={navigator} />);
}
import React, { Component } from 'react'
import { Router, Route, Link, IndexRoute, hashHistory, browserHistory, DefaultRoute } from 'react-router'
class App extends Component {
render () {
return (
<Router history={hashHistory}>
<Route path='/' component={Container}>
<IndexRoute component={Home} />
<Route path='address' component={Address} />
import React, { Component } from 'react'
import { Router, Route, Link, IndexRoute, hashHistory, browserHistory, DefaultRoute } from 'react-router'
class App extends Component {
render () {
return (
<Router history={hashHistory}>
<Route path='/' component={Container}>
<IndexRoute component={Home} />
<Route path='address' component={Address}>
import React, { Component } from 'react'
import { Router, Route, Link, IndexRoute, hashHistory, browserHistory, DefaultRoute, IndexLink } from 'react-router'
class App extends Component {
render () {
return (
<Router history={hashHistory}>
<Route path='/' component={Container}>
<IndexRoute component={Home} />
<Route path='/address' component={Address}>
import React, { Component } from 'react'
import { Router, Route, Link, IndexRoute, hashHistory, browserHistory, DefaultRoute, IndexLink } from 'react-router'
class App extends Component {
render () {
return (
<Router history={hashHistory}>
<Route path='/' component={Container}>
<IndexRoute component={Home} />
<Route path='/address' component={Address}>
import React, { Component } from 'react'
import { Router, Route, Link, IndexRoute, hashHistory, browserHistory, DefaultRoute, IndexLink } from 'react-router'
class App extends Component {
render () {
return (
<Router history={hashHistory}>
<Route path='/' component={Container}>
<IndexRoute component={Home} />
<Route path='/address' component={Address}>