Skip to content

Instantly share code, notes, and snippets.

View aamnah's full-sized avatar
💭
the learning never stops

Aamnah aamnah

💭
the learning never stops
View GitHub Profile
@aamnah
aamnah / redux-basics.js
Created December 2, 2016 08:33
Basic Redux functions
// define a reducer
const reducer = function(state, action) {
if (action.type === 'INC') {
return state + action.payload
} else if (action.type === 'DEC') {
return state - action.payload
}
return state
}
@aamnah
aamnah / htaccess.txt
Created December 3, 2016 14:20
.htaccess template
# .htaccess template
# http://www.htaccesseditor.com/en.shtml#a_extension
# Default page
# (in order of first specified)
###############
DirectoryIndex index.html index.php
# Enable Rewrites
@aamnah
aamnah / php.ini.txt
Created December 3, 2016 14:21
php.ini template
; the following three settings limit the maximum size of data that can be submitted and handled by PHP
; One user also said that post_max_size and memory_limit need to be larger than upload_max_filesize.
post_max_size = 128M
memory_limit = 128M
upload_max_filesize = 64M ; e.g. when importing databases, general file uploads
@aamnah
aamnah / _variables.scss
Created December 3, 2016 14:23
Sass Variables
// $Font Variables
$font-body: 'Open Sans', Tahoma, sans-serif;
$font-headings: 'Brandon Grotesque', Georgia, serif;
$font-code: Consolas, Monaco, Lucida Console, monospace;
// $Color Variables
$color-brand-pink: #F17B91;
$color-brand1: #F599C0;
$color-brand2: #59CBF5;
@aamnah
aamnah / counter.js
Created December 8, 2016 04:21
Redux: Basic Counter example
import { createStore, applyMiddleware } from 'redux'
import createLogger from 'redux-logger' // logger so i don't have to manually log state before & after every dispatched action
// REDUCER
const counter = (state = 0, action) => {
switch(action.type) {
case 'INCREMENT':
return state + 1
case 'DECREMENT':
return state - 1
@aamnah
aamnah / redux-ajax.js
Created December 8, 2016 13:13
[work-in-progress] Redux + AJAX basics
// Basic AJAX Example
import React, { Component } from 'react'
import { render } from 'react-dom'
import { createStore, applyMiddleware, combineReducers } from 'redux'
import { Provider, connect } from 'react-redux'
import axios from 'axios'
import createLogger from 'redux-logger'
import thunkMiddleware from 'redux-thunk'
const logger = createLogger()
@aamnah
aamnah / table.html
Last active December 23, 2016 10:12 — forked from morrxy/gist:7542124
Table HTML
<table>
<caption>Awesome caption</caption>
<thead>
<tr>
<th></th>
<th>million km</th>
<th>m</th>
</tr>
</thead>
<tbody>
@aamnah
aamnah / array-concat.js
Created December 25, 2016 17:50
Code examples for the Array .concat() method
let nums = [1, 2]
let newNums = nums.concat(3)
console.info(newNums) // [ 1, 2, 3 ]
let moreNums = nums.concat(3, 4, 5)
console.info(moreNums) // [ 1, 2, 3, 4, 5 ]
let diverseNums = nums.concat(true, 'hello', undefined)
console.info(diverseNums) // [ 1, 2, true, 'hello', undefined ]
@aamnah
aamnah / array-filter-example1.js
Created December 25, 2016 18:20
Code examples for Array .filter() method
let items = [ 1, 2, 3, 4, 5, 6 ]
let filtered = items.filter(x => x > 3)
console.info('filtered:', filtered) // filtered: [ 4, 5, 6 ]
@aamnah
aamnah / map-vs-for-loop.js
Last active January 2, 2017 16:52
Map vs. For Loop
/*
Loop over a two-dimensional array
https://jsfiddle.net/7p6g03z6/
*/
arr = ['Ali', 'Hakim', 'Rana', ['Shahid', 'Naeem']]
// Map and Conditional (ternary) Operator
arr.map(name => {
Array.isArray(name)