aamnah

title	Typography sample
date	2024-06-26
draft	true
tags	sample

A lead or excerpt should go here. two or three lines are good. About 320 chars is also fine.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Soluta, in dolores maxime eveniet saepe libero eum consequatur, commodi enim eos ab doloremque ratione illum quaerat voluptas ipsa explicabo corrupti laborum excepturi. Adipisci, dolores, recusandae! Sit tempora dolorum, ipsum cupiditate libero.

aamnah

<p>A lead or excerpt should go here. two or three lines are good. About 320 chars is also fine.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Soluta, in dolores maxime eveniet saepe libero eum consequatur, commodi enim eos ab doloremque ratione illum quaerat voluptas ipsa explicabo corrupti laborum excepturi. Adipisci, dolores, recusandae! Sit tempora dolorum, ipsum cupiditate libero.</p>
<!--more-->

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

aamnah

# Cloning all branches locallay

# clone the repo as bare (no checked out files, nor working tree, .git in root dir)
git clone --bare http://whatever.git .git

# convert it to a normal repo
git config --bool core.bare false

git reset --hard

aamnah

table    { display: table }
tr       { display: table-row }
thead    { display: table-header-group }
tbody    { display: table-row-group }
tfoot    { display: table-footer-group }
col      { display: table-column }
colgroup { display: table-column-group }
td, th   { display: table-cell }
caption  { display: table-caption }

aamnah

/*
STATE SHAPE
mydata: { isFetching: bool, foo: [] }
*/

/*
DISPATCH
function mapDispatchToProps (dispatch) {
  return {
    fetchMeSomething: () => dispatch(fetchMeSomething())

aamnah

/* 
  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) 

aamnah

let items = [ 1, 2, 3, 4, 5, 6 ]
let filtered = items.filter(x => x > 3)

console.info('filtered:', filtered) // filtered: [ 4, 5, 6 ]

aamnah

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

<table>
  <caption>Awesome caption</caption>
  <thead>
    <tr>
      <th></th>
      <th>million km</th>
      <th>m</th>
    </tr>
  </thead>
  <tbody>

aamnah

// 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()