rachelslurs

/**
 * Make sure to replace your APP_ID with the value from your hosted Cusdis instance.
 * You can grab it from your embed code or from your URL https://cusdis.com/dashboard/project/{{ APP_ID }}
 */

function cusdis_comments_shortcode()
{
    $page_id = get_the_ID();
    $page_url = get_permalink($page_id);
    $page_title = get_the_title($page_id);

rachelslurs

# remove any existing things
sudo apt-get remove docker docker-engine docker.io containerd runc

# install docker engine

# add repo with trusted key
sudo apt install apt-transport-https ca-certificates curl software-properties-common
curl -fsSL https://download.docker.com/linux/ubuntu/gpg | sudo apt-key add -
sudo add-apt-repository \
   "deb [arch=amd64] https://download.docker.com/linux/ubuntu \

rachelslurs

Benefits

• Run eslint in the docker container
• Run jest in the docker container (and get updates when snapshots change)
• Much more, share your tips!

Instructions adapted from here

1. Install Remote development extension pack
2. In VSCode, control+shift+p, Remote-Containers: Add Development Container Configuration Files. Choose From 'docker-compose.yml'. This should create a folder .devcontainer which is .gitignored.
3. Edit the .devcontainer/devcontainer.json file. Ensuring a few different settings:

rachelslurs

Google Drive File Picker Example

This is an example of how to use the Google Drive file picker and Google Drive API to retrieve files from Google Drive using pure JavaScript. At the time of writing (14th July 2013), Google have good examples for using these two APIs separately, but no documentation on using them together.

Note that this is just sample code, designed to be concise to demonstrate the API. In a production environment, you should include more error handling.

See a demo at http://stuff.dan.cx/js/filepicker/google/

rachelslurs

<?php
    /*
    Plugin Name: Content Chopper
    Plugin URI: https://github.com/rachelslurs
    Description: A simple content chopper
    Version: 1.0
    Author: Rachel Cantor
    Author URI: https://github.com/rachelslurs
    License: GPL2
    */

rachelslurs

import React, {Component} from 'react'
import {connect} from 'react-redux'
import PropTypes from 'prop-types'
import {FieldArray, getFormValues} from 'redux-form' // import the action creator you need
import CountryPicker from '../components/CountryPicker'

class CountriesContainer extends Component {
  
  constructor(props) {
    super(props)

rachelslurs

Using Atom with Semantic UI

I've been using Atom with Semantic UI and found some tweaks to be helpful when theming.

Getting the syntax for .variables and .overrides to default to LESS

1. Install the file-types package

2. Open the config folder and edit the config.cson file

3. Add a value in alphabetical order for "file-types", unless it's there already.

rachelslurs

Semantic UI React Quicklinks

Feel free to use in your README.md for easy access

Elements	Collections	Views	Modules	Behaviors	Addons
Button	Breadcrumb	Advertisement	Accordion	Behaviors	Confirm
Container	Form	Card	Checkbox		Portal
Divider	[Grid](https://react.semantic-u

rachelslurs

import React, {Component} from 'react'
import {connect} from 'react-redux'
import PropTypes from 'prop-types'
import {reduxForm, change} from 'redux-form' // import the action creator you need
import CountryPicker from '../components/CountryPicker'

class CountriesContainer extends Component {
	static propTypes = {
		changeFieldValue: PropTypes.func.isRequired
	}

rachelslurs

import React, {Component} from 'react'
import {connect} from 'react-redux'
import PropTypes from 'prop-types'
import {reduxForm, change} from 'redux-form' // import the action creator you need
import CountryPicker from '../components/CountryPicker'

class CountriesContainer extends Component {
	static propTypes = {
		changeFieldValue: PropTypes.func.isRequired
	}