#A brief intro into Stateless functions#
So stateless functions are new in React 0.14 which are quite interesting. They look a bit like this.
const Test = ({name, amount}) => {
return <div className="test">{name} has £{amount}</div>;
};
ReactDOM.render(<Test name="ben" amount="-2000" />) // <div className="test">ben has £-200</div> 
| 'use strict'; | |
| var gulp = require('gulp'); | |
| var browserify = require('browserify'); | |
| var source = require('vinyl-source-stream'); | |
| var notifier = require('stream-notifier'); | |
| var watchify = require('watchify'); | |
| gulp.task('browserify', function() { | |
| var bundler = browserify('./src/main') |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>test</title> | |
| <link rel="stylesheet" href="stylesheets/screen.css"> | |
| </head> | |
| <body> | |
| <div class="container c1"></div> | |
| <div class="container c2"></div> |
| // A mixin for media queries: @mq | |
| // | |
| // Use with keywords in $medias array: | |
| // @include mq($media: iphone) { | |
| // ... | |
| // } | |
| // | |
| // Use with manual queries: | |
| // @include mq("all and (min-width:33em)") { | |
| // ... |
| var cheerio = require('gulp-cheerio'); | |
| var svgmin = require('gulp-svgmin'); | |
| var svgstore = require('gulp-svgstore'); | |
| gulp.task('svgstore', function () { | |
| return gulp | |
| .src('assets/icons/*.svg') | |
| .pipe(svgmin()) | |
| .pipe(svgstore({ fileName: 'icons.svg', prefix: 'icon-' })) | |
| .pipe(cheerio({ |
| // give it a name so it reuses the same window | |
| var win = window.open(null, "redux-devtools", "menubar=no,location=no,resizable=yes,scrollbars=no,status=no"); | |
| // reload in case it's reusing the same window with the old content | |
| win.location.reload(); | |
| // wait a little bit for it to reload, then render | |
| setTimeout(function() { | |
| React.render( | |
| <DebugPanel top right bottom left > |
| <?php | |
| /** | |
| * Implements hook_page_alter(). | |
| */ | |
| function mytheme_page_alter(&$page) { | |
| // Remove all the region wrappers. | |
| foreach (element_children($page) as $key => $region) { | |
| if (!empty($page[$region]['#theme_wrappers'])) { | |
| $page[$region]['#theme_wrappers'] = array_diff($page[$region]['#theme_wrappers'], array('region')); |
| server() { | |
| php -S localhost:"$*"; | |
| } |
##Simply annoying Tweets
Annoyingly extended words (4+ of the same letter in a phrase): OOOOHHHHMMMMYYYYGGGGOOOODDDD
([a-z])/1{4}
Tweet w/ just a single hashtag: #omgthissucks
^ *#[^ ]+$
| @mixin retina($ratio: 1.5) { | |
| $dpi: $ratio * 96; | |
| $opera-ratio: $ratio * 100; | |
| @media only screen and (-webkit-min-device-pixel-ratio: #{$ratio}), | |
| only screen and ( -o-min-device-pixel-ratio: '#{$opera-ratio}/100'), | |
| only screen and ( min-resolution: #{$dpi}dpi), | |
| only screen and ( min-resolution: #{$ratio}dppx) { | |
| @content; | |
| } |