mrtony

import "./formik-demo.css";
import React from "react";
import { render } from "react-dom";
import { Formik, Field } from "formik";
import Yup from "yup";
import classNames from "classnames";

// Input feedback

jamesreggio

// EmailInput wraps an HTML `input` and adds some app-specific styling.
const EmailInput = React.forwardRef((props, ref) => (
  <input ref={ref} {...props} type="email" className="AppEmailInput" />
));

class App extends Component {
  emailRef = React.createRef();

  render() {
    return (

stephen-mw

package main

import (
	"database/sql"
	"encoding/json"
	"log"
	"net/http"
	"strconv"

	_ "github.com/mattn/go-sqlite3"

joeytwiddle

Do not use forEach with async-await

TLDR: Use for...of instead of forEach() in asynchronous code.

For legacy browsers, use for(...;...;...) or [].reduce()

To execute the promises in parallel, use Promise.all([].map(...))

The problem

lorisleiva

export default {
    props: {
        stripe: {
            type: String,
            required: true,
        },
        options: {
            type: Object,
            required: true,
        }

VesperDev

import React, { Component } from 'react';
import { BrowserRouter as Router, Route, Link } from "react-router-dom";
import { Layout, Menu, Icon } from 'antd';

import Dashboard from './containers/Dashboard/Dashboard';
import Meseros from './containers/Meseros/Meseros';

const { Header, Content, Footer, Sider } = Layout;
const SubMenu = Menu.SubMenu;

thom-nic

/*
 * Spacing helpers for consistent margin and padding on elements. Uses rems (not px!)
 *
 * With the current default settings, generates classes like:
 * .mts = margin-top: 0.5rem
 * .phl = padding-left: 2rem; padding-right: 2rem; // h = horizontal = left/right
 *
 * Inspired by:
 * https://github.com/mrmrs/css-spacing
 * https://getbootstrap.com/docs/4.0/utilities/spacing/

jlis

image: docker:latest

variables:
  REPOSITORY_URL: <AWS ACCOUNT ID>.dkr.ecr.eu-central-1.amazonaws.com/<ECS REPOSITORY NAME>
  REGION: eu-central-1
  TASK_DEFINTION_NAME: <TASK DEFINITION NAME>
  CLUSTER_NAME: <CLUSTER NAME>
  SERVICE_NAME: <SERVICE NAME>

services:

jmoy

Kruemelkatze

Theming Ant Design with Sass and Webpack

This is a solution on how to theme/customize Ant Design (which is written in Less) with Sass and webpack. Ant itself offers two solutions and a related article on theming, but these are only applicable if you use Less, the antd-init boilerplate or dva-cli.

What this solution offers:

• use a single sass-file to customize (no duplicate variables for your project and Ant)
• hot reload compatibility
• no dependencies on outdated npm modules
• easy integration with your existing webpack setup (webpack 3+ tested)