whoisryosuke

import Color from "tinycolor2";

/**
 * Creates column percentages based on column count
 */
const createColumns = columnCount => {
  const columns = {};
  for (let i = 1; i <= columnCount; i += 1) {
    columns[i] = `${(i / columnCount) * 100}%`;
  }

whoisryosuke

Updating a feature branch

First we'll update your local master branch. Go to your local project and check out the branch you want to merge into (your local master branch)

$ git checkout master

Fetch the remote, bringing the branches and their commits from the remote repository. You can use the -p, --prune option to delete any remote-tracking references that no longer exist in the remote. Commits to master will be stored in a local branch, remotes/origin/master

whoisryosuke

event = event || window.event;
var el = event.target || event.srcElement;

if (el instanceof HTMLAnchorElement)
{
    console.log(el.getAttribute('href'));
}

whoisryosuke

const submitForm = (e) => {

  // ❌ Targets child
  console.log(e.target.value)

  // ✅ Targets wrapper with onClick prop
  console.log(e.currentTarget.value)

  // ✅ If above fails, log currentTarget and see if it looks like HTML
  // currentTarget usually returns as type of HTMLElement

whoisryosuke

@if ($errors->any())
  <aside class="ui error message">{{ implode('', $errors->all(':message')) }}</aside>
@endif

whoisryosuke

(function($) {
  $(function() {
      $('.example').dropdown();
  });
})(jQuery);

whoisryosuke

1. php artisan make:command MakeViewCommand

2. Add the following to the file:

App\Console\Commands\MakeViewCommand.php

<?php

namespace App\Console\Commands;

whoisryosuke

"emmet.includeLanguages": {
"blade": "html"
},

whoisryosuke

Migrations

Add UUID (or swap bigIncrement) and make sure to set as primary column:

        Schema::create('events', function (Blueprint $table) {
            $table->uuid('id')->primary();

When using the column as a foreign key in a pivot table, create a UUID column and do the same foreign key assignment:

whoisryosuke

import React from "react"
import { Sidebar } from "semantic-ui-react"
import debounce from "../tools/debounce"

import DocSidebar from "./sidebar"
import "./layout.scss"
import "../../../dist/semantic.min.css"

class Layout extends React.Component {
  state = { visible: true }