Skip to content

Instantly share code, notes, and snippets.

View jslnriot's full-sized avatar

James Buczkowski jslnriot

42 followers · 49 following
View GitHub Profile
@jslnriot
jslnriot / react-container-component-skeleton.js
Created March 19, 2017 23:34
import React, { Component } from 'react';
import { connect } from 'react-redux';
import { fetchStuff } from '../actions/index';
class WelcomeContainer extends Component {
render() {
return (
<div className="welcome-container">
Welcome Container
@jslnriot
jslnriot / react-lifecycle-methods.js
Created March 26, 2017 02:07
<html>
<head>
<title></title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://fb.me/react-0.14.0.js"></script>
<script src="https://fb.me/react-dom-0.14.0.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.25/browser.min.js"></script>
</head>
<body>
<div id="container"></div>
@jslnriot
jslnriot / SassMeister-input-HTML.html
Created July 24, 2017 23:52 — forked from SandyLudosky/SassMeister-input-HTML.html
Generated by SassMeister.com.
<div class='container'>
<h1>SASS - Variables</h1>
<h2><span>Basic</span> - Getting Started</h2>
<p id='mypara'>Lorem ipsum dolor sit amet, consectetur
adipiscing elit, sed do eiusmod tempor <br>
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi</p>
@jslnriot
jslnriot / SassMeister-input-HTML.html
Created July 24, 2017 23:52 — forked from SandyLudosky/SassMeister-input-HTML.html
Generated by SassMeister.com.
<div class='container'>
<h1>SASS - Variables</h1>
<h2><span>Basic</span> - Getting Started</h2>
<p id='mypara'>Lorem ipsum dolor sit amet, consectetur
adipiscing elit, sed do eiusmod tempor <br>
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi</p>
@jslnriot
jslnriot / sass-variables.html
Created July 25, 2017 00:03
<div class='container'>
<h1>SASS - Variables</h1>
<h2><span>Basic</span> - Getting Started</h2>
<p id='mypara'>Lorem ipsum dolor sit amet, consectetur
adipiscing elit, sed do eiusmod tempor <br>
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi</p>
@jslnriot
jslnriot / sass-nesting.html
Created July 25, 2017 00:06
<div class='container'>
<h1>SASS - Nestings</h1>
<h2><span>Basic</span> - Getting Started</h2>
<p id='mypara'>Lorem ipsum dolor sit amet, consectetur
adipiscing elit, sed do eiusmod tempor <br>
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi</p>
</div>
@jslnriot
jslnriot / sass-mixins-plain-css.css
Created July 25, 2017 00:22
.container {
width: 960px;
margin: 0 auto;
border: 1px solid navy;
padding: 15px 15px 15px 15px;
color: #333333;
}
.container h1 {
text-align: center;
border: 1px solid navy;
@jslnriot
jslnriot / sass-operators.css
Created July 25, 2017 00:31
.container {
width: 960px;
margin: 0 auto;
padding: 15px 15px 15px 15px;
color: #333333;
}
.container h1 {
font-size: 54px;
color: navy;
border: 1px solid #333333;
@jslnriot
jslnriot / sass-mixin-with-default.scss
Created July 25, 2017 00:46
// ----
// Sass (v3.4.7)
// Compass (v1.0.1)
// ----
$Color1: navy; // named color value
$Color2: #333333; // hex color value
$StringVar: " with Sass"; // string variable
$FontSize: 18px; // numeric value
$border: 1px solid $Color2; // multi-value variable
@jslnriot
jslnriot / node-add-agruments.js
Created August 11, 2017 14:09
const argumentList = process.argv;
const addThese = argumentList.slice(2,argumentList.length);
let sum = 0;
let solution = addThese.forEach((value) => {
// convert to a number
sum += Number(value);
return sum;
});