Skip to content

Instantly share code, notes, and snippets.

View jslnriot's full-sized avatar

James Buczkowski jslnriot

View GitHub Profile
@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>
<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>
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
import React from 'react';
const ExampleComponent = ({message}) => {
const showMessage = (event) => {
alert(`The message is: ${message}`);
};
return (
<div>
<a href="#" onClick={showMessage}>show me</a>
import React, { Component } from 'react';
class Welcome extends Component {
constructor(props) {
super(props);
this.state = { message: 'Welcome to the Welcome Page!'};
}
render() {
return (
<html>
<head>
<script>
// http://www.randomsnippets.com/2008/02/21/how-to-dynamically-add-form-elements-via-javascript/
var counter = 0;
var limit = 10;
function addNewGradeCheck(e, divName) {
e.preventDefault();
server {
root /var/www/Sites/jamesbuczkowski.com/public_html/dist;
server_name jamesbuczkowski.com www.jamesbuczkowski.com;
location / {
try_files $uri /index.html;
}
}
@jslnriot
jslnriot / package.json-webpack2-example
Last active September 11, 2017 17:50
Package.json example for webpack 2 config
{
"name": "react-webpack2-bootstrap4-sass",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"clean": "rimraf dist",
"buildDev": "npm run build && ./node_modules/.bin/webpack-dev-server",
"build": "npm run clean && webpack"
},
@jslnriot
jslnriot / webpack.config.js
Last active February 1, 2017 02:06
webpack 2 example config file
const webpack = require('webpack')
path = require('path'),
ExtractTextPlugin = require("extract-text-webpack-plugin"),
HTMLWebpackPlugin = require('html-webpack-plugin'),
ExtractCSS = new ExtractTextPlugin("css/[name].[chunkhash].css"),
CopyWebpackPlugin = require("copy-webpack-plugin");
module.exports = {
entry: {
vendor: [