Skip to content

Instantly share code, notes, and snippets.

View rbrtsmith's full-sized avatar

Robert Smith rbrtsmith

View GitHub Profile
@rbrtsmith
rbrtsmith / CommentForm.js
Created July 31, 2016 14:50
Despite common opinion it is possible to use refs inside of a functional React component...
const CommentForm = () => {
let author, text;
const submitForm = e => {
e.preventDefault();
console.log(author.value);
console.log(text.value);
};
return (
<form onSubmit={submitForm}>
<input type="text" ref={node => author = node} placeholder="Name" />
//Sample code to read in test cases:
var fs = require("fs");
fs.readFileSync(process.argv[2]).toString().split('\n').forEach(function (line) {
if (line !== "") {
//do something here
//console.log(answer_line);
var makeArray = function(number) {
return number
.toString()
.split('')
@rbrtsmith
rbrtsmith / using-sass-if-to-reduce-bloat--grid-example
Last active August 29, 2015 14:12
Using Sass @if to reduce bloat
.row {
margin-left: -15px;
margin-right: -15px;
}
.row:before,
.row:after {
content: " ";
/* 1 */
display: table;
<div class="wrap">
<nav class="navbar clearfix" id="navbar">
<div class="navbar__non-nav-content js-non-nav-content">
<img src="http://rbrtsmith.com/img/build/robert.jpg">
</div>
<div class="navbar__non-nav-content js-non-nav-content">
<img src="http://rbrtsmith.com/img/build/robert.jpg">
</div>
<div class="navbar__non-nav-content js-non-nav-content">
<img src="http://rbrtsmith.com/img/build/robert.jpg">
<div class="styled-select">
<label class="styled-select__label">
Select Country
</label>
<select class="styled-select__select js-styled-select__select" name="countries" id="countries">
<option value="" selected disabled>Select Country</option>
<option value="United Kingdom">United Kingdom</option>
<option value="Germany">Germany</option>
<option value="United States">United States</option>
<option value="France">France</option>
<nav class="navbar" id="navbar">
<div class="navbar__toggle" id="navbar__toggle">
NAVIGATION
</div>
<ul class="navbar__nav" id="navbar__nav">
<li>
<a href="#" class="navbar__item">Item</a>
</li>
<li>
<a href="#" class="navbar__item">Item</a>