Skip to content

Instantly share code, notes, and snippets.

View Nattarat's full-sized avatar

Tode Nattarat

4 followers · 0 following
View GitHub Profile
@Nattarat
Nattarat / prepare-commit-msg
Last active April 26, 2019 05:17
Setting 'branch' prefix for git commit message > [1] go to .git folder [2] rename 'prepare-commit-msg.sample' to 'prepare-commit-msg' [3] copy this code to replace (Ref: http://blog.bartoszmajsak.com/blog/2012/11/07/lazy-developers-toolbox-number-1-prepend-git-commit-messages/)
#!/bin/bash
# This way you can customize which branches should be skipped when
# prepending commit message.
if [ -z "$BRANCHES_TO_SKIP" ]; then
BRANCHES_TO_SKIP=(master develop qa test)
fi
BRANCH_NAME=$(git symbolic-ref --short HEAD)
BRANCH_NAME="${BRANCH_NAME##*/}"
@Nattarat
Nattarat / styled-component-for-loop-generate-class.js
Created April 25, 2019 08:40
xport const ComponentWrapper = styled.div`
/* Parent
------------------------------- */
/* Childrens
------------------------------- */
/* Modifiers
------------------------------- */
${() => {
let i = 0
let styles = ''
@Nattarat
Nattarat / vscode_setting.json
Last active February 7, 2019 09:03
{
"editor.detectIndentation": false,
"editor.formatOnPaste": true,
"editor.minimap.enabled": true,
"editor.multiCursorModifier": "ctrlCmd",
"editor.tabSize": 2,
"editor.wordWrap": "on",
"editor.snippetSuggestions": "top",
"window.zoomLevel": 0,
"files.trimTrailingWhitespace": true,
@Nattarat
Nattarat / index_react_build.html
Created February 5, 2019 05:02
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
<title>HandiGo</title>
<meta name="application-name" content="HandiGo">
<meta name="description" content="HandiGo is ‘your pocket concierge’. A straightforward, modern and sleek application for guests to download after check-in. HandiGo allows guests to browse and book hotel facilities and provides a portal to explore local amenities and attractions">
@Nattarat
Nattarat / react-accessible-accordion.js
Last active July 7, 2019 14:16
React Origin UI
import {
Accordion,
AccordionItem,
AccordionItemTitle,
AccordionItemBody
} from 'react-accessible-accordion'
Default
// ==============================
<AccordionControl>
@Nattarat
Nattarat / new_git_command_line.txt
Last active December 10, 2018 07:54
New Git: Command line instructions
// Git global setup
git config --global user.name "Nattarat Srila"
git config --global user.email "nattarat.design@gmail.com"
// Create a new repository
git clone https://gitlab.com/nattarat_sr/merge_request_training.git
cd merge_request_training
touch README.md
git add README.md
git commit -m "add README"
@Nattarat
Nattarat / styled.js
Last active August 28, 2018 04:25
React Native : Media query
import {
Platform,
Dimensions
} from 'react-native'
import styled, {
css
} from 'styled-components'
const PLATFORM = Platform.OS
const DEVICE_WIDTH = Dimensions.get('window').width;
@Nattarat
Nattarat / Card.js
Last active August 23, 2018 09:10
Component creation
import React from 'react'
import ClassNames from 'classnames'
import PropTypes from 'prop-types'
import {
CardWrapper,
CardBodyWrapper,
CardAvatarWrapper,
CardInfoWrapper,
CardContactWrapper,
CardFooterWrapper
@Nattarat
Nattarat / 0-1-1 Tode (SCSS)
Last active August 16, 2018 05:27
CSS concept comparison
.button {
// Parent styles
// -------------------------------
display: inline-block;
padding: 5px 10px;
background-color: blue;
border-radius: 5px;
vertical-align: middle;
// Child element styles