whoisryosuke

// Direct comparison (did it happen now?)

var d1 = new Date();
var d2 = new Date(d1);

console.log(d1 == d2);   // prints false (wrong!) 
console.log(d1 === d2);  // prints false (wrong!)
console.log(d1 != d2);   // prints true  (wrong!)
console.log(d1 !== d2);  // prints true  (wrong!)
console.log(d1.getTime() === d2.getTime()); // prints true (correct)

whoisryosuke

function App() {
  const [data, setData] = useState({ hits: [] });

  useEffect(() => {
    const fetchData = async () => {
      const result = await axios(
        'http://hn.algolia.com/api/v1/search?query=redux',
      );

      setData(result.data);

whoisryosuke

// Assuming "?post=1234&action=edit"

var urlParams = new URLSearchParams(window.location.search);

console.log(urlParams.has('post')); // true
console.log(urlParams.get('action')); // "edit"
console.log(urlParams.getAll('action')); // ["edit"]
console.log(urlParams.toString()); // "?post=1234&action=edit"
console.log(urlParams.append('active', '1')); // "?post=1234&action=edit&active=1"

whoisryosuke

import React, { Component } from 'react';
import PropTypes from 'prop-types';

import EditorJS from '@editorjs/editorjs';
import commonTools from './common-tools';

class Editor extends Component {
  static defaultProps = {
    holderId: 'editorjs-holder',

whoisryosuke

# Quickly fix one file
npx prettier --write your-file.html
# Quickly fix all files of one type
npx prettier --write src/**/*.{js,jsx}

whoisryosuke

body,
.stories-show {
    background:#303030 !important;
    color:#F5F5F5;
}

/* Menu Colors */

.top-bar,
.top-bar nav,

whoisryosuke

<?php

// Usage:

// Before
@if ($errors->has('email'))
    <span>{{ $errors->first('email') }}</span>
@endif
  
// After:

whoisryosuke

{
  "husky": {
    "hooks": {
      "pre-commit": "npm format && npm test",
      "pre-push": "npm format && npm test"
    }
  },
}

whoisryosuke

{
  "scripts": {
    "format": "prettier --write 'src/**/*.js'",
    "test": "jest",
    "test:watch": "jest --watch"
  }
}

whoisryosuke

import React from "react"
import Color from "tinycolor2";
import styled from "styled-components"

const colors = {
  fullBlack: "#000000",
  white: "#FFFFFF",
  red: "#DB2828",
  orange: "#F2711C",
}