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

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

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

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

<?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

# 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

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