made with esnextbin
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| setInterval(function() { Array.prototype.slice.call(document.querySelectorAll('[data-reactid]')).forEach(function(element) { element.style.background = 'rgba(255,0,0,0.1)'; }) }, 500) |
tylermcginnis
/ React Component Highlighter
Created
September 9, 2015 23:40
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| (function(){Array.prototype.slice.call(document.querySelectorAll('[data-reactid]')).forEach(function(ele){ele.style.background = 'rgba(0, 129, 255, 0.05)'})})(); |
tylermcginnis
/ keydown-react-example
Created
December 17, 2015 05:24
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| var Test = React.createClass({ | |
| add: function(event){ | |
| if(event.keyCode == 13){ | |
| alert('Adding....'); | |
| } | |
| }, | |
| render: function(){ | |
| return( | |
| <div> | |
| <input type="text" id="one" onKeyDown={this.add} /> |
tylermcginnis
/ react-installs
Created
January 29, 2016 03:18
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| npm install --save react react-dom && npm install --save-dev html-webpack-plugin webpack webpack-dev-server babel-{core,loader} babel-preset-react |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| npm install --save react react-dom && npm install --save-dev html-webpack-plugin webpack webpack-dev-server babel-{core,loader} babel-preset-{react,es2015,stage-0} style-loader css-loader |
tylermcginnis
/ My Sublime 3 settings
Created
June 2, 2016 19:04
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "auto_complete_commit_on_tab": true, | |
| "color_scheme": "Packages/Oceanic Next Color Scheme/Oceanic Next.tmTheme", | |
| "draw_white_space": "all", | |
| "font_face": "Fira Mono", | |
| "font_size": 20, | |
| "tab_size": 2, | |
| "theme": "Brogrammer.sublime-theme", | |
| "translate_tabs_to_spaces": true, | |
| "trim_automatic_white_space": true, |
tylermcginnis
/ Contents.json
Created
August 7, 2016 18:19
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "images": [ | |
| { | |
| "extent": "full-screen", | |
| "idiom": "iphone", | |
| "filename": "[email protected]", | |
| "minimum-system-version": "7.0", | |
| "orientation": "portrait", | |
| "scale": "2x", | |
| "subtype": "retina4" |
tylermcginnis
/ FlexboxExamples
Created
August 21, 2016 04:54
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import React, { Component } from 'react' | |
| import { StyleSheet, Text, View, AppRegistry } from 'react-native' | |
| class FlexboxExamples extends Component { | |
| render() { | |
| return ( | |
| <View style={styles.container}> | |
| <View style={styles.box}/> | |
| <View style={styles.box}/> | |
| <View style={styles.box}/> |
tylermcginnis
/ rn-styles-start.js
Created
September 21, 2016 02:38
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import React, { Component } from 'react' | |
| import { StyleSheet, Text, View, AppRegistry } from 'react-native' | |
| class FlexboxExamples extends Component { | |
| render() { | |
| return ( | |
| <View style={styles.container}> | |
| <View style={styles.box}/> | |
| <View style={styles.box}/> | |
| <View style={styles.box}/> |
OlderNewer