whoisryosuke

export default class BlogPost extends Component {

  constructor(props) {
    super(props);
    
  }


  render() {

whoisryosuke

version: "2"
services:
  my-wpdb:
    image: mariadb
    ports:
      - "8081:3306"
    environment:
      MYSQL_ROOT_PASSWORD: root
  my-wp:
    image: wordpress

whoisryosuke

<?php

namespace SeshSource\Traits;

use Illuminate\Support\Str;

trait Uuids
{

    /**

whoisryosuke

// utils/AuthService.js
export default class AuthService {
  constructor(domain) {
    this.domain = domain || 'http://localhost:5000'
    this.fetch = this.fetch.bind(this)
    this.login = this.login.bind(this)
    this.getProfile = this.getProfile.bind(this)
  }

  login(email, password) {

whoisryosuke

import React, {Component} from 'react'
import AuthService from './auth'

export default function withAuth(AuthComponent) {
    const Auth = new AuthService('http://localhost:5000')
    return class Authenticated extends Component {
      constructor(props) {
        super(props)
        this.state = {
          isLoading: true

whoisryosuke

<?php

namespace SeshSource\Http\Requests;

use Illuminate\Foundation\Http\FormRequest;

class StoreEvents extends FormRequest
{
    /**
     * Determine if the user is authorized to make this request.

whoisryosuke

import React, {Component} from 'react'
import Router from 'next/router'
import AuthService from './AuthService'

export default function withAuth(AuthComponent) {
    const Auth = new AuthService('http://localhost')
    return class Authenticated extends Component {

      static async getInitialProps(ctx) {
        // Ensures material-ui renders the correct css prefixes server-side

whoisryosuke

'use strict';

var gulp = require('gulp');
var sass = require('gulp-sass');

// Grabs a specific "root" SASS file that imports all the others
// And runs SASS
// Then dumps out to the specificed folder, in this case a WP theme
gulp.task('sass', function () {
    return gulp.src('./wp-content/themes/twenty/sass/style.scss')

whoisryosuke

a.button
{
    // Needs to be a block element or wont transform
    display:inline-block
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition: transform .2s linear;

    &:hover
    {

whoisryosuke

Setting up ESLint + Airbnb:

1. cd coding-directory
2. npm init -y
3. npm i -D eslint eslint-config-airbnb-base eslint-plugin-import
4. touch .eslintrc.js
5. Inside eslint file: module.exports = { "extends": "airbnb-base" };

Installing ESLint: