### Setup Block for React Class

Source: https://devhints.io/cheatsheet-styles

Another example of a setup block, this time for a React class component.

```javascript
class Hello extends React.Component {
  render () {
    return <span>Hello</span>
  }
}

```

--------------------------------

### Ansible Playbook Example

Source: https://devhints.io/ansible-guide

A sample playbook that installs and configures Nginx, installs bundler, and performs a shell command.

```yaml
- hosts: 127.0.0.1
  user: root
  tasks:
    - name: install nginx
      apt: pkg=nginx state=present

    - name: start nginx every bootup
      service: name=nginx state=started enabled=yes

    - name: do something in the shell
      shell: echo hello > /tmp/abc.txt

    - name: install bundler
      gem: name=bundler state=latest
```

--------------------------------

### Apt Package Installation

Source: https://devhints.io/travis

Install system packages using `apt-get` before the build starts. Requires `sudo` privileges.

```yaml
before_install:
  - sudo apt-get update -q
  - sudo apt-get install gcc-4.8 -y

```

--------------------------------

### Examples and Epilog

Source: https://devhints.io/yargs

Adds examples and epilog text to the help output.

```APIDOC
## Examples and Epilog

Add examples and epilog to help messages.

```javascript
  // more help
  .example('...')
  .epilog('copyright 2015')
  .command('start', 'start a server')
```
```

--------------------------------

### Simulate Composer Installation

Source: https://devhints.io/composer

Simulates the installation process without making any changes to the project files. Useful for checking dependency compatibility before a real installation.

```bash
composer install --dry-run
```

--------------------------------

### Yarn Install Options

Source: https://devhints.io/yarn

Lists available options for the `yarn install` command. Use these to control the installation process, such as disabling lockfiles or installing offline.

```bash
--no-lockfile
```

```bash
--pure-lockfile
```

```bash
--frozen-lockfile
```

```bash
--silent
```

```bash
--offline
```

```bash
--update-checksums
```

```bash
--check-files
```

```bash
--flat
```

```bash
--force
```

```bash
--ignore-scripts
```

```bash
--modules-folder <path>
```

```bash
--production[=true|false]
```

--------------------------------

### Install a Package

Source: https://devhints.io/yum

Install a specific package, such as 'vsftpd', from the configured repositories.

```bash
yum install vsftpd
```

--------------------------------

### Using Setup Data in Test

Source: https://devhints.io/exunit

Tests can access data returned from a `setup/0` block via the context map. The example shows accessing the `name` key provided by the setup block.

```elixir
test "it works", %{name: name} do
  assert name == "John"
end
```

--------------------------------

### Instantiate Dispatcher and Stores

Source: https://devhints.io/flux

Basic setup for a Flux application, showing the instantiation of a Dispatcher and a simple Store. This is the starting point for managing application state.

```javascript
d = new Dispatcher();
TabStore = { tab: 'home' };
```

--------------------------------

### Install Chef on a Server

Source: https://devhints.io/chef

Installs Chef using a script downloaded via curl. Ensure curl is installed first.

```bash
$ sudo apt-get install curl

```

```bash
$ curl -L https://omnitruck.chef.io/install.sh | sudo bash
Thank you for installing Chef!

```

```bash
$ chef-solo -v
... 
Chef: 14.5.33

```

--------------------------------

### Vim Help File Header Example

Source: https://devhints.io/vim-help

A file header in a Vim help file typically starts with the filename in asterisks, followed by a description.

```vim
*potion.txt*  functionality for the potion programming language
```

--------------------------------

### Install a Package with Homebrew

Source: https://devhints.io/homebrew

Use this command to install any available package from Homebrew.

```bash
brew install git
```

--------------------------------

### Install Devise

Source: https://devhints.io/devise

Run the Devise installation generator to set up initial configuration files.

```bash
$ rails generate devise:install

```

--------------------------------

### Vim Help File Heading Example

Source: https://devhints.io/vim-help

Headings in Vim help files start with all capital letters and end with a tag in asterisks.

```vim
==============================================================================
CONTENTS                                                     *potion-contents*
```

--------------------------------

### Install Phoenix Framework

Source: https://devhints.io/phoenix

Installs the Phoenix Framework archive using Hex. Ensure Erlang and Elixir are installed first.

```bash
# Install Phoenix
mix local.hex
mix archive.install https://github.com/phoenixframework/archives/raw/master/phx_new.ez
```

--------------------------------

### Add Examples and Epilog

Source: https://devhints.io/yargs

Include example usage and epilog text for help messages. Commands can also be defined to structure sub-commands.

```javascript
  // more help
  .example('...')
  .epilog('copyright 2015')
  .command('start', 'start a server')
```

--------------------------------

### Install Packages with NPM

Source: https://devhints.io/npm

Use `npm install` to install all dependencies listed in `package.json`. Use `--production` to exclude devDependencies.

```bash
npm i
```

```bash
npm install
```

```bash
npm install --production
```

--------------------------------

### Install Expect.js

Source: https://devhints.io/expectjs

Install Expect.js as a dev dependency using npm.

```bash
npm install --save-dev expect

```

--------------------------------

### Yarn Create React App

Source: https://devhints.io/yarn

Initializes a new React application using the `create-react-app` package via Yarn. This command installs the necessary scaffolding and runs the application setup.

```bash
yarn create react-app hello
```

--------------------------------

### Setup Block for React Component

Source: https://devhints.io/cheatsheet-styles

Use the `.-setup` class for blocks that represent setup or boilerplate code, like React imports.

```javascript
import React from 'react'

```

--------------------------------

### Authentication Example

Source: https://devhints.io/rest-api

Shows an example of how to authenticate API requests using a token.

```APIDOC
## Authentication

### Request Example
```bash
curl -is https://$TOKEN@api.example.com/
```
```

--------------------------------

### Install Webpack

Source: https://devhints.io/webpack

Installs Webpack as a development dependency.

```bash
npm install --save-dev webpack
```

--------------------------------

### List Available and Installed Packages

Source: https://devhints.io/yum

List all available packages, installed packages, or specific package types like kernels.

```bash
yum list available
```

```bash
yum list installed
```

```bash
yum list kernel
```

--------------------------------

### Basic Table Example

Source: https://devhints.io/cheatsheet-styles

A simple table with two columns, 'Example' and 'Output', used for demonstrating date formatting.

```markdown
Example | Output
---|---
`%m/%d/%Y` | `06/05/2013`
`%A, %B %e, %Y` | `Sunday, June 5, 2013`
`%b %e %a` | `Jun 5 Sun`

```

--------------------------------

### Install Enzyme and adapter

Source: https://devhints.io/enzyme

Install Enzyme and the appropriate adapter for your React version using npm.

```bash
npm install --save-dev enzyme \
  enzyme-adapter-react-16 \
  react-test-renderer
```

--------------------------------

### Install Webpack Dev Server

Source: https://devhints.io/webpack

Installs webpack-dev-server as a development dependency.

```bash
npm install --save-dev \
  webpack-dev-server
```

--------------------------------

### Install a Specific Ruby Version

Source: https://devhints.io/rbenv

Install a particular Ruby version, for example, 2.2.1.

```bash
rbenv install 2.2.1
```

--------------------------------

### Vim Help File Example with Usage Instructions

Source: https://devhints.io/vim-help

This snippet shows a typical Vim help file structure, including a plugin description, usage instructions with a command, and a filetype setting.

```vim
*ack.txt*   Plugin that integrates ack with Vim

==============================================================================
USAGE INSTRUCTIONS                                                 *ack-usage*

:Ack[!] {pattern}                                                       *:Ack*

    Search recursively for {pattern}. See |:AckAdd|.
    Also see http://beyondgrep.com for more information.

vim:tw=78:ts=8:ft=help:norl:
```

--------------------------------

### GraphQL over HTTP - GET

Source: https://devhints.io/graphql

Example of sending a GraphQL query using an HTTP GET request.

```APIDOC
## Over HTTP
#### GET
```javascript
fetch('http://myapi/graphql?query={ me { name } }')
```
```

--------------------------------

### Install Jekyll and Bundler

Source: https://devhints.io/jekyll

Installs the necessary gems for Jekyll development.

```bash
gem install jekyll bundler

```

--------------------------------

### Install Zuul

Source: https://devhints.io/saucelabs

Install the Zuul command-line tool globally using npm.

```bash
npm i -g zuul

```

--------------------------------

### Install Blanket.js

Source: https://devhints.io/mocha-blanket

Install Blanket.js as a development dependency using npm.

```bash
npm i --save-dev blanket

```

--------------------------------

### Start Phoenix Application

Source: https://devhints.io/phoenix

Starts the Phoenix development server. This command compiles and runs your application.

```bash
# Start the application
mix phx.server
```

--------------------------------

### Ansible Handlers Example

Source: https://devhints.io/ansible

Defines handlers that are triggered by tasks. This example shows starting the apache2 service.

```yaml
handlers:
  - name: start apache2
    action: service name=apache2 state=started

tasks:
  - name: install apache
    action: apt pkg=apache2 state=latest
    notify:
      - start apache2

```

--------------------------------

### Configure Help and Version

Source: https://devhints.io/yargs

Set up version and help flags, including aliases and custom messages. `showHelpOnFail` controls behavior when options are invalid.

```javascript
var argv = require('yargs')

  // version
  .alias('v', 'version')
  .version(function() { return require('../package').version; })
  .describe('v', 'show version information')

  // help text
  .alias('h', 'help')
  .help('help')
  .usage('Usage: $0 -x [num]')
  .showHelpOnFail(false, "Specify --help for available options")
```

--------------------------------

### Hello World with Fastify

Source: https://devhints.io/fastify

Create a basic HTTP server that listens on port 3000 and responds with 'hello: world' to requests on the root path.

```javascript
const fastify = require('fastify')()

fastify.get('/', (req, reply) => {
  reply.send({ hello: 'world' })
})

fastify.listen(3000, err => {
  if (err) throw err
  const port = fastify.server.address().port
  console.log(`server listening on ${port}`)
})
```

--------------------------------

### Start and connect to a Vagrant machine

Source: https://devhints.io/vagrant

Use these commands to bring up your virtual machine and then connect to it via SSH.

```bash
vagrant up
vagrant ssh

```

--------------------------------

### Start Camp Server

Source: https://devhints.io/camp

Initializes a new Camp server instance on a specified port. Camp serves files in the 'web/' directory by default.

```javascript
const Camp = require('camp')
const camp = Camp.start({ port: 1234 })
```

--------------------------------

### Get Nested Property

Source: https://devhints.io/101

Example of retrieving a deeply nested property using `pluck`.

```javascript
pluck(state, 'user.profile.name')
```

--------------------------------

### Install Packages from Various Sources with NPM

Source: https://devhints.io/npm

Install packages by name, version, tag, from GitHub, GitLab, local paths, or tarballs via HTTP.

```bash
npm i sax
```

```bash
npm i sax@latest
```

```bash
npm i sax@3.0.0
```

```bash
npm i sax@">=1 <2.0"
```

```bash
npm i @org/sax
```

```bash
npm i user/repo
```

```bash
npm i user/repo#master
```

```bash
npm i github:user/repo
```

```bash
npm i gitlab:user/repo
```

```bash
npm i /path/to/repo
```

```bash
npm i ./archive.tgz
```

```bash
npm i https://site.com/archive.tgz
```

--------------------------------

### Query Syntax Examples

Source: https://devhints.io/hledger

Examples of how to construct queries for filtering transactions by account, amount, description, code, tag, and currency.

```plaintext
Assets           # An account (regex)
acct:Assets      # same
^Assets          # Starting with Assets (eg, not 'Expenses:Assets')

acctonly:A       # no subaccounts

amt:2000         # amount (in absolute value)
amt:<200         # amount comparison (in absolute value)
amt:<+200        # amount comparison
                 # also: <=, >, >=

desc:REGEX      # description
code:REGEX      # transaction code (check number?)
tag:REGEX
cur:'\$'

real:            # real posts
real:0           # virtual posts

depth:N          # --depth 2
not:...

```

--------------------------------

### ExUnit Setup with Hooks

Source: https://devhints.io/exunit

Define private functions (`defp`) as setup hooks. These hooks are invoked before each test in a `describe` block and their results are merged into the test context.

```elixir
defp my_hook(_context) do
  # Invoked in every block in "a block"
  {:ok, name: "John", age: 54}
end

describe "a block" do
  setup [:my_hook]
  
  test "John's age", context do
    assert context[:name] == "John"
    assert context[:age] == 54
  end
end
```

--------------------------------

### Configure Enzyme adapter

Source: https://devhints.io/enzyme

Configure Enzyme with the installed adapter in your test setup file.

```javascript
import Enzyme from 'enzyme'
import Adapter from 'enzyme-adapter-react-16'

Enzyme.configure({ adapter: new Adapter() })
```

--------------------------------

### Start BrowserSync Server

Source: https://devhints.io/browser-sync

Start a static server in the specified directory and watch for changes in HTML and CSS files, automatically reloading the browser.

```bash
browser-sync start --server <path> --files='**/*.html, **/*.css'
```

--------------------------------

### Wildcard Domain Mapping Example

Source: https://devhints.io/heroku

Example configuration for mapping a wildcard domain to your Heroku app.

```bash
*.yourdomain.com => heroku.com
```

--------------------------------

### Install Tig on Ubuntu

Source: https://devhints.io/tig

Installs Tig using the apt package manager on Ubuntu.

```bash
# Ubuntu
$ sudo apt install tig
```

--------------------------------

### Get Security Update Information

Source: https://devhints.io/yum

Retrieve information about available security updates for installed packages.

```bash
yum updateinfo security
```

--------------------------------

### Start and Connect to ZNC Server

Source: https://devhints.io/znc

Use these commands to add a server to your ZNC configuration and establish a connection. Ensure the server address and port are correct.

```bash
/msg *status addserver irc.undernet.org [6667]
```

```bash
/msg *status connect
```

--------------------------------

### Diagnose Homebrew Issues

Source: https://devhints.io/homebrew

Run this command to check for common problems with your Homebrew installation and get suggestions for fixes.

```bash
brew doctor
```

--------------------------------

### Initialize Knexfile.js

Source: https://devhints.io/knex

Command to generate the default Knex configuration file.

```bash
./node_modules/.bin/knex init
```

--------------------------------

### Polyfill.io with Extra Features (e.g., Fetch)

Source: https://devhints.io/polyfill.io

This example demonstrates how to include specific polyfill features, such as `window.fetch()`, in addition to the default set. It checks for the existence of `fetch` and other modern features before loading the polyfills.

```javascript
if(!(window.fetch&&window.Promise&&[].includes&&Object.assign&&window.Map)){document.write('<script src="https://cdnjs.cloudflare.com/polyfill/v3/polyfill.min.js?features=default,fetch"></scr'+'ipt>')}

```

--------------------------------

### Gulp.js - Full Example

Source: https://devhints.io/gulp

This comprehensive example demonstrates how to set up Gulp tasks for processing styles, scripts, and images, along with cleaning, default, and watch tasks. It includes plugin configurations for Sass, autoprefixer, minification, JSHint, Uglify, imagemin, and live reloading.

```javascript
// gulpfile.js
// Load plugins
var gulp = require('gulp'),
    sass = require('gulp-ruby-sass'),
    autoprefixer = require('gulp-autoprefixer'),
    minifycss = require('gulp-minify-css'),
    jshint = require('gulp-jshint'),
    uglify = require('gulp-uglify'),
    imagemin = require('gulp-imagemin'),
    rename = require('gulp-rename'),
    clean = require('gulp-clean'),
    concat = require('gulp-concat'),
    notify = require('gulp-notify'),
    cache = require('gulp-cache'),
    livereload = require('gulp-livereload'),
    lr = require('tiny-lr'),
    server = lr();

// Styles
gulp.task('styles', function() {
  return gulp.src('src/styles/main.scss')
    .pipe(sass({ style: 'expanded', }))
    .pipe(autoprefixer('last 2 version', 'safari 5', 'ie 8', 'ie 9', 'opera 12.1', 'ios 6', 'android 4'))
    .pipe(gulp.dest('dist/styles'))
    .pipe(rename({ suffix: '.min' }))
    .pipe(minifycss())
    .pipe(livereload(server))
    .pipe(gulp.dest('dist/styles'))
    .pipe(notify({ message: 'Styles task complete' }));
});

// Scripts
gulp.task('scripts', function() {
  return gulp.src('src/scripts/**/*.js')
    .pipe(jshint('.jshintrc'))
    .pipe(jshint.reporter('default'))
    .pipe(concat('main.js'))
    .pipe(gulp.dest('dist/scripts'))
    .pipe(rename({ suffix: '.min' }))
    .pipe(uglify())
    .pipe(livereload(server))
    .pipe(gulp.dest('dist/scripts'))
    .pipe(notify({ message: 'Scripts task complete' }));
});

// Images
gulp.task('images', function() {
  return gulp.src('src/images/**/*')
    .pipe(cache(imagemin({ optimizationLevel: 3, progressive: true, interlaced: true })))
    .pipe(livereload(server))
    .pipe(gulp.dest('dist/images'))
    .pipe(notify({ message: 'Images task complete' }));
});

// Clean
gulp.task('clean', function() {
  return gulp.src(['dist/styles', 'dist/scripts', 'dist/images'], {read: false})
    .pipe(clean());
});

// Default task
gulp.task('default', ['clean'], function() {
    gulp.start('styles', 'scripts', 'images');
});

// Watch
gulp.task('watch', function() {

  // Listen on port 35729
  server.listen(35729, function (err) {
    if (err) {
      return console.log(err)
    };

    // Watch .scss files
    gulp.watch('src/styles/**/*.scss', ['styles']);

    // Watch .js files
    gulp.watch('src/scripts/**/*.js', ['scripts']);

    // Watch image files
    gulp.watch('src/images/**/*', ['images']);

  });

});

```

--------------------------------

### Ractive Decorators: Tooltip Example

Source: https://devhints.io/ractive

Apply decorators to DOM nodes to add custom behavior, such as tooltips, with setup and teardown logic.

```javascript
<span decorator="tooltip:hello there">Hover me</span>

decorators: {
  tooltip: function (node, content) {
    // setup code here
    return {
      teardown: function () {
        // cleanup code here
      }
    }
  }
}

<span decorator="tooltip:'a','b',2,'c'">Hover me</span>

tooltip: function (node, a, b, two, c) { ... }

```

--------------------------------

### List Available Ruby Versions

Source: https://devhints.io/rbenv

Use 'rbenv install -l' to see all Ruby versions that can be installed.

```bash
rbenv install -l
```

--------------------------------

### Start and Name a Process with PM2

Source: https://devhints.io/pm2

Use this command to start a Node.js application and assign it a specific name for easier management.

```bash
pm2 start app.js --name my-api
```

--------------------------------

### Create New Directory

Source: https://devhints.io/linux

Use mkdir to create a new directory. Use the --help flag for usage information.

```bash
$ mkdir name
$ mkdir --help

```

--------------------------------

### Install rbenv and ruby-build

Source: https://devhints.io/rbenv

Clone the rbenv repository and the ruby-build plugin to manage Ruby installations.

```bash
git clone https://github.com/sstephenson/rbenv.git ~/.rbenv
git clone https://github.com/sstephenson/ruby-build.git ~/.rbenv/plugins/ruby-build

```

--------------------------------

### Start weinre Server

Source: https://devhints.io/weinre

Start the weinre server, binding it to all network interfaces. Access the inspector via localhost.

```bash
$ weinre --boundHost 0.0.0.0

```

```bash
$ open http://localhost:8080

```

--------------------------------

### Install Apt Deb Files

Source: https://devhints.io/ansible-modules

Installs a .deb file from a URL using the apt module. Ensure the URL is accessible from the target host.

```yaml
- apt:
    deb: "https://packages.erlang-solutions.com/erlang-solutions_1.0_all.deb"

```

--------------------------------

### Start Rails Console with Pry

Source: https://devhints.io/pry

Use the `-r` flag to require the Rails environment when starting Pry.

```bash
$ pry -r ./config/environment

```

--------------------------------

### Start Webpack Dev Server

Source: https://devhints.io/webpack

Command to start the development server, which typically runs on port 8080.

```bash
npm run dev
```

--------------------------------

### Get Initial or Rest of Array

Source: https://devhints.io/lodash

Use `_.initial` to get all but the last element, and `_.rest` to get all but the first element.

```javascript
_.initial([ abcdef ])          // → [ abcde  ] - dropRight(list, 1)
_.rest([ abcdef ])             // → [  bcdef ] - takeRight(list, 1)
```

--------------------------------

### Full Divshot Configuration Example

Source: https://devhints.io/divshot

A comprehensive `divshot.json` example demonstrating various configuration options including clean URLs, error pages, caching, routing, redirects, and custom headers.

```json
{
  "name": "yourapp",
  "root": "./app",
  "clean_urls": true,
  "clean_urls": ["/app/**", "/!components/**"],
  "error_page": "error.html",
  "exclude": [ "Gruntfile.js" ],
  "cache_control": {},
  "routes": {
    "/*.html": "index.html",
    "/app/**/*.html": "app.html",
    "**": "index.html"
  },
  "redirects": {
    "/old/:segment/path": "/new/path/:segment",
    "/some/old/path": {
      "status": 302,
      "url": "/some/new/path"
    }
  },
  "headers": {
    "/cors-stuff/**": {
      "Access-Control-Allow-Origin": "*"
    },
    "/scripts/**": {
      "content-type": "text/javascript"
    }
  }
}

```

--------------------------------

### Install and Login to Divshot CLI

Source: https://devhints.io/divshot

Install the Divshot command-line interface globally using npm and then log in to your Divshot account.

```bash
$ npm install -g divshot-cli
$ divshot login

```

--------------------------------

### Hello World in Go

Source: https://devhints.io/go

A basic 'Hello, World!' program demonstrating the main function and printing output. Compile with 'go build'.

```go
package main

import "fmt"

func main() {
  message := greetMe("world")
  fmt.Println(message)
}

func greetMe(name string) string {
  return "Hello, " + name + "!"
}
```

```bash
$ go build

```

--------------------------------

### Versioning Example

Source: https://devhints.io/rest-api

Demonstrates how to specify the API version using the Accept header.

```APIDOC
## Versioning

### Request Example
```
GET /api/foo
Accept: application/json; version=1
```

You can pass a `version=x` to the Accept request header.
```

--------------------------------

### Get First or Last Element

Source: https://devhints.io/lodash

Use `_.first` (or `_.head`) to get the first element of an array, and `_.last` to get the last.

```javascript
_.first([ abcdef ])            // → a
_.last([ abcdef ])             // → f
```

--------------------------------

### Install Package Groups

Source: https://devhints.io/yum

Install a collection of related packages that form a specific functionality, like 'Web server'.

```bash
yum groupinstall "Web server"
```

--------------------------------

### Install enzyme-to-json for snapshots

Source: https://devhints.io/enzyme

Install the enzyme-to-json package to enable Jest snapshot serialization for Enzyme wrappers.

```bash
npm install --save-dev enzyme-to-json
```

--------------------------------

### Example: Monthly Changes in Assets

Source: https://devhints.io/hledger

Shows how to view monthly changes in asset accounts using the `--monthly` and `--tree` options.

```bash
# Monthly changes in assets
  hledger bal Assets Liabilities --monthly --tree --historical [--cleared --cost --empty -e tomorrow]
```

--------------------------------

### List Installed Packages with Homebrew

Source: https://devhints.io/homebrew

Use this command to display a list of all packages currently installed via Homebrew.

```bash
brew list
```

--------------------------------

### Install Machinist Gem

Source: https://devhints.io/machinist

Add the Machinist gem to your Gemfile and run bundle install. Then, generate the Machinist installation files for your Rails project.

```ruby
# Gemfile
gem 'machinist', '>= 2.0.0.beta2', group: 'test'

# ~$ bundle
# ~$ rails generate machinist:install

```

--------------------------------

### List Installed Package Versions with Homebrew

Source: https://devhints.io/homebrew

Use this command to see all installed versions of a specific package.

```bash
brew list --versions git
```

--------------------------------

### ExUnit Setup Block

Source: https://devhints.io/exunit

Defines a `setup/0` block that returns a tuple, typically `{:ok, data}`, which is then passed to tests within the same module. This data is available in the test function's context.

```elixir
setup do
  {:ok, name: "John"}
end
```

--------------------------------

### Install and Update Package

Source: https://devhints.io/pacman

Use this command to install a new package and update the package list. It ensures your system has the latest package information before installation.

```bash
pacman -Syu <pkg>
```

--------------------------------

### Build Project

Source: https://devhints.io/AGENTS

Builds the project for production.

```bash
pnpm build
```

--------------------------------

### Initialize a new Vagrant environment

Source: https://devhints.io/vagrant

Create a new directory for your project and initialize a Vagrant environment with a specified base box.

```bash
mkdir test_box
cd test_box
vagrant init precise64

```

--------------------------------

### Install Travis CI and Coveralls Dependencies

Source: https://devhints.io/mocha-blanket

Install mocha-lcov-reporter and coveralls as development dependencies for Travis CI integration.

```bash
npm i --save-dev mocha-lcov-reporter coveralls

```

--------------------------------

### Install PostCSS Loader

Source: https://devhints.io/webpack

Installs postcss-loader and postcss-cssnext for CSS post-processing.

```bash
npm install --save-dev \
  postcss-loader \
  postcss-cssnext
```

--------------------------------

### Install Babel Plugin

Source: https://devhints.io/rollup

Install the @rollup/plugin-babel plugin for transpiling JavaScript.

```bash
npm install -D @rollup/plugin-babel
```

--------------------------------

### Using Raw SQL with Sequel

Source: https://devhints.io/sequel

Shows how to execute raw SQL commands for schema creation, parameterized queries, and fetching results. Use `DB.run` for DDL/DML, `DB[]` for queries, and `DB.fetch` for iterating over results.

```ruby
DB.run "CREATE TABLE users (name VARCHAR(255) NOT NULL, age INT(3) NOT NULL)"
dataset = DB["SELECT age FROM users WHERE name = ?", name]
dataset.map(:age)
DB.fetch("SELECT name FROM users") do |row|
  p row[:name]
end
```

--------------------------------

### Install Rollup

Source: https://devhints.io/rollup

Install Rollup as a development dependency using npm.

```bash
npm install -D rollup
```

--------------------------------

### Basic Routing Setup

Source: https://devhints.io/react-router

Set up basic routing with Route and Router components. Requires React and React Router. Uses HashLocation for URL management.

```javascript
import { default as Router, Route } from 'react-router'

const routes = (
  <Route>
    <Route path='*' handler={RootView} />
  </Route>
)

Router.run(routes, Router.HashLocation, (Root) => {
  React.render(<Root />, document.getElementById('all'))
})

```

--------------------------------

### Install Project Dependencies with Composer

Source: https://devhints.io/composer

Downloads and installs all libraries and dependencies specified in composer.lock. If composer.lock is absent, it uses composer.json and creates composer.lock.

```bash
composer install
```

--------------------------------

### Initialization and Basic Usage

Source: https://devhints.io/shelljs

Demonstrates how to require ShellJS and perform basic checks like verifying the presence of a command.

```APIDOC
## Require ShellJS

### Description
Import the ShellJS library into your Node.js project.

### Code
```javascript
const shell = require('shelljs');
// or
const sh = require('shelljs');
```

## Check Command Availability

### Description
Verify if a specific command-line tool is available in the system's PATH.

### Method
`shell.which(command)`

### Parameters
- **command** (string) - The name of the command to check.

### Response
- Returns the path to the command if found, otherwise `null`.

### Example
```javascript
if (!shell.which('git')) {
  shell.echo('Sorry, this script requires git');
  shell.exit(1);
}
```
```

--------------------------------

### ReactWrapper get instance

Source: https://devhints.io/enzyme

Get the React component instance from a ReactWrapper.

```javascript
wrap.instance()      // → ReactComponent
```

--------------------------------

### Initialization

Source: https://devhints.io/ractive

Demonstrates how to initialize a new Ractive instance with various configuration options.

```APIDOC
## Initialization

```javascript
new Ractive({
  el: $('..'),
  el: '#box',
  template: '...', // required

  // callbacks
  init: function() {},
  complete: function() {}, // on finish animations

  // objs
  data: { ... },
  partials: { ... },    // global: Ractive.partials
  transitions: { ... }, // global: Ractive.transitions
  components: { ... },
  adaptors: [ ... ],

  // options
  magic: false,
  modifyArrays: true,
  twoway: true,
  noIntro: true, // true = disable transition on initial render
  lazy: false,   // false = use keyevents, true = use change/blur
  append: false, // false = overwrite element, true = append
  debug: false,
  sanitize: false
})
```
```

--------------------------------

### Run Dev Server

Source: https://devhints.io/AGENTS

Starts the development server. Requires Ruby for markdown caching.

```bash
pnpm dev
```

--------------------------------

### List Installed Packages with NPM

Source: https://devhints.io/npm

List installed packages and their versions. Use `-g --depth 0` to see globally installed packages without their dependency trees.

```bash
npm list
```

```bash
npm list -g --depth 0
```

```bash
npm view
```

```bash
npm outdated
```

--------------------------------

### Example: Current Balance

Source: https://devhints.io/hledger

Demonstrates how to check the current balance of accounts and generate a balance sheet.

```bash
# Current balance
  hledger bal Assets
  hledger balancesheet

  hledger balancesheet Assets [--cleared --cost --empty -e tomorrow]
  # ...discard future stuff; convert foreign currencies
```

--------------------------------

### Basic React Component Setup

Source: https://devhints.io/react.html

Sets up the necessary imports for React and ReactDOM to render components. Use this for basic React applications.

```javascript
import React from 'react'
import ReactDOM from 'react-dom'
```

--------------------------------

### Install CSS Loaders

Source: https://devhints.io/webpack

Installs css-loader and style-loader for processing CSS files.

```bash
npm install --save-dev \
  css-loader \
  style-loader
```

--------------------------------

### Install Watchexec via Homebrew

Source: https://devhints.io/watchexec

Use Homebrew to install watchexec on macOS.

```bash
brew install watchexec
```

--------------------------------

### Basic Webpack Configuration

Source: https://devhints.io/webpack

Sets up the context, entry point, and output for a simple Webpack project.

```javascript
module.exports = {
  context: __dirname,
  entry: 'src/app.js',
  output: {
    path: __dirname + '/public',
    filename: 'app.js'
  }
}
```

--------------------------------

### Example: Weekly Expenses

Source: https://devhints.io/hledger

Illustrates how to track weekly expenses using the `--weekly` and `--average` options, with a specified date range.

```bash
# Weekly expenses
  hledger bal Expenses --weekly --average --tree -b 'last month' [--cleared --cost --empty -e tomorrow]
```

--------------------------------

### Install JSON Plugin

Source: https://devhints.io/rollup

Install the @rollup/plugin-json plugin to handle JSON imports.

```bash
npm install -D @rollup/plugin-json
```

--------------------------------

### Method Call Example

Source: https://devhints.io/go

Demonstrates calling the `Abs` method on a `Vertex` instance.

```go
v := Vertex{1, 2}
v.Abs()
```

--------------------------------

### Install FFaker

Source: https://devhints.io/ffaker

Instructions for installing the FFaker gem and requiring it in your Ruby project.

```ruby
# gem install ffaker
require 'ffaker'
```

--------------------------------

### Pointer Creation in Go

Source: https://devhints.io/go

Shows how to create a pointer to a local variable and return it.

```go
func getPointer () (myPointer *int) {
  a := 234
  return &a
}
```

--------------------------------

### Install Specific Package Version

Source: https://devhints.io/composer

Installs a package with a specific version number.

```bash
composer require vendor/pkg "1.3.2"
```

--------------------------------

### AJAX Request Examples

Source: https://devhints.io/spine

Examples of using AJAX methods with Spine.js models.

```APIDOC
## AJAX Request Examples

### Fetching Records

`User.fetch()`
  Fetches all records from the server.

### Instance URL

`user = new User()`

`user.url()`
  => "/users"

`user.url('bands')`
  => "/users/bands"

`user.scope = 'admin'`
`user.url()`
  => "/admin/users"

```

--------------------------------

### Defining Command Completions

Source: https://devhints.io/fish-shell

Sets up argument suggestions for a command, including options and descriptions.

```fish
complete --command mycommand --arguments 'install uninstall'
```

```fish
complete --command mycommand --short-option 'h' --long-option 'help' --description 'Display help'
```

--------------------------------

### Create and Deploy an Application

Source: https://devhints.io/flynn

Steps to create a new application on Flynn, add the Git remote, and deploy using `git push`.

```bash
cd ~/project
flynn create example # adds the `flynn` remote
flynn route # prints http routes
git push flynn master
```

--------------------------------

### HTML Input Example: Search

Source: https://devhints.io/html-input

Example of using type='search' for search input.

```html
`type='search'` |   

```

--------------------------------

### HTML Input Example: Password

Source: https://devhints.io/html-input

Example of using type='password' for password input.

```html
`type='password'` |   

```

--------------------------------

### HTML Input Example: Range

Source: https://devhints.io/html-input

Example of using type='range' for a slider input.

```html
`type='range'` |   

```

--------------------------------

### HTML Input Example: Number

Source: https://devhints.io/html-input

Example of using type='number' for numerical input.

```html
`type='number'` |   

```

--------------------------------

### HTML Input Example: Time

Source: https://devhints.io/html-input

Example of using type='time' for time input.

```html
`type='time'` |   

```

--------------------------------

### Manage Apt Repositories

Source: https://devhints.io/ansible-modules

Adds or removes APT repositories. Specify the repository line and desired state.

```yaml
- apt_repository:
    repo: "deb https://··· raring main"
    state: present

```

--------------------------------

### HTML Input Example: Date

Source: https://devhints.io/html-input

Example of using type='date' for date input.

```html
`type='date'` |   

```

--------------------------------

### Install Babel Loaders

Source: https://devhints.io/webpack

Installs necessary Babel packages for transpiling JavaScript and React.

```bash
npm install --save-dev \
  babel-loader \
  babel-preset-env \
  babel-preset-react
```

--------------------------------

### Create Directories

Source: https://devhints.io/shelljs

Create new directories. Use the -p flag to create parent directories as needed.

```javascript
sh.mkdir('dir')
sh.mkdir('-p', 'dir')
```

--------------------------------

### Instantiate and Use Project Model

Source: https://devhints.io/js-model

Instantiate a project model and use its defined methods. This demonstrates basic model interaction after definition.

```coffeescript
project = Project.find(1)
project = Project.findByTitle("hello")

project.markAsDone()

```

--------------------------------

### Install Tig on MacOS

Source: https://devhints.io/tig

Installs Tig from the HEAD of the repository using Homebrew on macOS.

```bash
# MacOS + Homebrew
$ brew install tig --HEAD
```

--------------------------------

### Blessed Screen Setup and Management

Source: https://devhints.io/blessed

Initialize a Blessed screen with optimized settings, append elements, and handle screen destruction. Also shows how to set screen dimensions and title, and bind keys for interaction.

```javascript
screen = blessed.screen({
  smartCSR: true       // optimize for flickering
  autoPadding: true    // ..
})

screen.append(Element)
screen.destroy()

screen.width
screen.height
screen.title = 'My window title'
screen.key(['escape', 'q', 'C-c'], (ch, key) => { ... })

```

--------------------------------

### Install Node Resolve Plugin

Source: https://devhints.io/rollup

Install the @rollup/plugin-node-resolve plugin to resolve Node.js modules.

```bash
npm install -D @rollup/plugin-node-resolve
```

--------------------------------

### List Installed Ruby Versions

Source: https://devhints.io/rbenv

View all Ruby versions currently installed on your system.

```bash
rbenv versions
```

--------------------------------

### Using Fetch with Node.js

Source: https://devhints.io/js-fetch

Demonstrates how to use the Fetch API in a Node.js environment by installing and requiring the 'isomorphic-fetch' package.

```javascript
const fetch = require('isomorphic-fetch')

```

--------------------------------

### Copy Multiple Files to Remote System

Source: https://devhints.io/scp

Demonstrates how to copy multiple local files to a directory on a remote system.

```bash
$ scp file1 file2 user@host:/path/to/directory            # copying multiple files using scp command

```

--------------------------------

### Verify rbenv Installation

Source: https://devhints.io/rbenv

Check if rbenv is correctly installed and accessible by typing 'rbenv'.

```bash
type rbenv   # → "rbenv is a function"

```

--------------------------------

### Install rename with Homebrew

Source: https://devhints.io/rename

Use Homebrew to install the rename utility on macOS or Linux.

```bash
brew install rename

```

--------------------------------

### Install jscoverage via npm

Source: https://devhints.io/jscoverage

Installs jscoverage as a development dependency using npm.

```bash
npm install --save-dev jscoverage

```

--------------------------------

### Autoprefixing Example

Source: https://devhints.io/cssnext

Demonstrates how autoprefixing can add vendor prefixes to CSS properties. The commented-out lines show the prefixes that might be added for `display: flex`.

```css
div {
  display: flex;
}

```

```css
/*
 * display: -webkit-box;
 * display: -ms-flexbox;
 * display: flex;
 */

```

--------------------------------

### Install Jest and Babel

Source: https://devhints.io/jest

Install Jest and babel-jest as development dependencies for your Node.js project.

```bash
npm install --save-dev jest babel-jest

```

--------------------------------

### Object Initialization

Source: https://devhints.io/101

Shows how to initialize an empty object.

```javascript
let obj = {}
```

--------------------------------

### Display YUM Help and Options

Source: https://devhints.io/yum

Use 'yum help' to display a list of available YUM commands and their options.

```bash
yum help
```

--------------------------------

### Install Package Version Less Than

Source: https://devhints.io/composer

Installs a package that is strictly older than version 1.3.2.

```bash
composer require vendor/pkg "<1.3.2"
```

--------------------------------

### Show Databases, Tables, Fields, and Process List

Source: https://devhints.io/mysql

Commands to view available databases, tables within a database, column definitions for a table, and currently running processes. Use DESCRIBE or SHOW FIELDS for table structure.

```sql
SHOW DATABASES;
```

```sql
SHOW TABLES;
```

```sql
SHOW FIELDS FROM table / DESCRIBE table;
```

```sql
SHOW CREATE TABLE table;
```

```sql
SHOW PROCESSLIST;
```

```sql
KILL process_number;
```

--------------------------------

### Install Package Version Greater Than or Equal To

Source: https://devhints.io/composer

Installs a package that is version 1.3.2 or higher.

```bash
composer require vendor/pkg ">=1.3.2"
```

--------------------------------

### Install Bolt

Source: https://devhints.io/bolt

Use Homebrew Cask on macOS or Chocolatey on Windows to install Bolt.

```bash
# On MacOS
brew cask install puppetlabs/puppet/puppet-bolt
# On Windows
choco install puppet-bolt
```

--------------------------------

### Install Ansible

Source: https://devhints.io/ansible-guide

Installs Ansible using package managers for different operating systems.

```bash
$ brew install ansible            #OSX
$ [sudo] apt install ansible      # elsewhere
```

--------------------------------

### Keyword Parameters in Goby (WIP)

Source: https://devhints.io/goby

Example of defining a method with keyword parameters, including those with default values and optional hash/array parameters.

```Goby
def foo(process:, verb: :GET, opt:{ csp: :enabled }, ary: [1, 2, 3])
end

```

--------------------------------

### Open Database Connections with Sequel

Source: https://devhints.io/sequel

Demonstrates various ways to open database connections using Sequel adapters for SQLite, PostgreSQL, and ADO. Ensure the appropriate adapter gems are installed.

```ruby
require 'rubygems'
require 'sequel'

DB = Sequel.sqlite('my_blog.db')
DB = Sequel.connect('postgres://user:password@localhost/my_db')
DB = Sequel.postgres('my_db', :user => 'user', :password => 'password', :host => 'localhost')
DB = Sequel.ado('mydb')
```

--------------------------------

### HTML Input Example: Tel

Source: https://devhints.io/html-input

Example of using type='tel' for telephone number input.

```html
`type='tel'` |   

```

--------------------------------

### HTML Input Example: Text

Source: https://devhints.io/html-input

Example of using type='text' for general text input.

```html
`type='text'` |   

```

--------------------------------

### List Packages with NPM

Source: https://devhints.io/npm

List installed packages.

```bash
# list packages
npm ls
```

--------------------------------

### Table with Time Examples

Source: https://devhints.io/cheatsheet-styles

Another section of a table demonstrating time formatting examples.

```markdown
Example | Output
---|---
`%H:%M` | `23:05`
`%I:%M %p` | `11:05 PM`

```

--------------------------------

### Install Watchexec via Cargo

Source: https://devhints.io/watchexec

Use Cargo, the Rust package manager, to install watchexec.

```bash
cargo install watchexec
```

--------------------------------

### CircleCI Configuration Sample

Source: https://devhints.io/circle

A comprehensive sample of a circle.yml file demonstrating various configuration options for customizing build environments, dependencies, tests, and deployments.

```yaml
## Customize the test machine
machine:

  timezone:
    America/Los_Angeles # Set the timezone

  # Version of ruby to use
  ruby:
    version:
      1.8.7-p358-falcon-perf

  # Override /etc/hosts
  hosts:
    circlehost: 127.0.0.1
    dev.mycompany.com: 127.0.0.1

  # Add some environment variables
  environment:
    CIRCLE_ENV: test
    DATABASE_URL: postgres://ubuntu:@127.0.0.1:5432/circle_test

## Customize checkout
checkout:
  post:
    - git submodule sync
    - git submodule update --init # use submodules

## Customize dependencies
dependencies:
  pre:
    - npm install coffeescript # install from a different package manager
    - gem uninstall bundler # use a custom version of bundler
    - gem install bundler --pre

  override:
    - bundle install: # note ':' here
        timeout: 180 # fail if command has no output for 3 minutes

  # we automatically cache and restore many dependencies between
  # builds. If you need to, you can add custom paths to cache:
  cache_directories:
    - "custom_1"   # relative to the build directory
    - "~/custom_2" # relative to the user's home directory

## Customize database setup
database:
  override:
    # replace CircleCI's generated database.yml
    - cp config/database.yml.ci config/database.yml
    - bundle exec rake db:create db:schema:load

## Customize test commands
test:
  override:
    - phpunit test/unit-tests # use PHPunit for testing
  post:
    - bundle exec rake jasmine:ci: # add an extra test type
        environment:
          RAILS_ENV: test
          RACK_ENV: test

## Customize deployment commands
deployment:
  staging:
    branch: master
    heroku:
      appname: foo-bar-123

## Custom notifications
notify:
  webhooks:
    # A list of hashes representing hooks. Only the url field is supported.
    - url: https://someurl.com/hooks/circle

```

--------------------------------

### Advanced Project Configuration Options

Source: https://devhints.io/projectionist

Demonstrates various configuration options for Ruby libraries, including alternate file mapping, template usage, and command dispatch settings.

```json
{
  "lib/*.rb": {
    "type": "lib", /* enables :Elib */
    "alternate": "test/{}_spec.rb", /* for :A */
    "template": [ ... ],

    "path": "include", /* for `gf` i think */

    "console": "node", /* for :Console */
    "dispatch": "node", /* for :Dispatch (dispatch.vim) */
    "start": "rails server", /* for :Start (dispatch.vim) */
    "make": "node", /* for makeprg */
  }

}
```

--------------------------------

### Search Installed Packages

Source: https://devhints.io/pacman

Searches through installed packages for files or descriptions matching the given query.

```bash
pacman -Qs <query>
```

--------------------------------

### Fake server setup

Source: https://devhints.io/sinon.html

Create a fake server using `sinon.fakeServer.create()` to intercept and respond to XHR requests.

```javascript
server = sinon.fakeServer.create()


```

```javascript
$.get('/file.json', ...)
server.requests[0].respond(
  200,
  { 'Content-Type': 'application/json' },
  JSON.stringify({ hello: 'world' })
)


```

```javascript
server.restore()


```

--------------------------------

### List Explicitly Installed Packages

Source: https://devhints.io/pacman

Lists all packages that were explicitly installed by the user, excluding dependencies.

```bash
pacman -Qe
```