Adam Beck adam-beck

## LearnGoIn5mins.md

      
              1 file
            
          
              73 forks
            
          
              33 comments
            
          
              745 stars
            
          
                prologic
                / LearnGoIn5mins.md
            
            
              Last active
              April 17, 2024 18:49
            
              
                Learn Go in ~5mins
              
          
    Learn Go in ~5mins

This is inspired by A half-hour to learn Rust
and Zig in 30 minutes.
Basics

Your first Go program as a classical "Hello World" is pretty simple:
First we create a workspace for our project:

  
## EmailInput.jsx
import React from 'react';
import debounce from 'utils/debounce';

class EmailInput extends React.Component {
  checkEmail = value => {
    // only check if the field passes Yup email validation first
    if (
      !this.props.form.errors[this.props.name].includes(
        'invalid' /* or whatever your error message is*/
      )

## index.html
<!DOCTYPE html>
<html prefix="og: http://ogp.me/ns#">

<head>
  <!-- content-type, which overrides http equivalent header. Because of charset, this meta should be set at first. -->
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <!--  Overrides http equivalent header. This tells IE to use the most updated engine.  -->
  <meta http-equiv="X-UA-Compatible" content="IE=Edge">
  <!--  Tells crawlers how to crawl this page, and the role of this page. https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta -->
  <meta name="robots" content="index, follow">

## _counter.js
function increment(props, state) {
  return {
    value: state.value + props.step,
  };
}

function decrement(props, state) {
  return {
    value: state.value - props.step,
  };

## app.js
// getComponent is a function that returns a promise for a component
// It will not be called until the first mount
function asyncComponent(getComponent) {
  return class AsyncComponent extends React.Component {
    static Component = null;
    state = { Component: AsyncComponent.Component };

    componentWillMount() {
      if (!this.state.Component) {
        getComponent().then(Component => {

## letsencrypt_2020.md

      
              1 file
            
          
              369 forks
            
          
              93 comments
            
          
              1122 stars
            
          
                cecilemuller
                / letsencrypt_2020.md
            
            
              Last active
              April 15, 2024 02:19
            
              
                How to setup Let's Encrypt for Nginx on Ubuntu 18.04 (including IPv6, HTTP/2 and A+ SSL rating)
              
          
    How to setup Let's Encrypt for Nginx on Ubuntu 18.04 (including IPv6, HTTP/2 and A+ SLL rating)


Virtual hosts

Let's say you want to host domains first.com and second.com.
Create folders for their files:

  
## index.js
class Nav extends React.Component {
  constructor() {
    super();
    this.onNav = this.onNav.bind(this);
  }
  onNav(idx) {
    // do something with `this` and `idx`
  }
  render() {
    return (

## configureStore.dev.js
import { createStore, applyMiddleware, compose } from 'redux';
// import { persistState } from 'redux-devtools';
import rootReducer from '../reducers';
import DevTools from '../containers/DevTools';

export default function configureStore(initialState) {
  const finalCreateStore = compose(
    DevTools.instrument(),
    // persistState(window.location.href.match(/[?&]debug_session=([^&]+)\b/))
  )(createStore);

## joy-of-composition.md

      
              1 file
            
          
              0 forks
            
          
              17 comments
            
          
              94 stars
            
          
                ohanhi
                / joy-of-composition.md
            
            
              Last active
              February 3, 2021 18:14
            
              
                The Joy of Composition - Why stateless rendering is pure bliss
              
          
    This is a proposal for a lightning talk at the Reactive 2015 conference.
NOTE: If you like this, star ⭐ the Gist - the amount of stars decides whether it makes the cut!
The Joy of Composition

Why stateless rendering is pure bliss

React just got stateless components,
meaning that they are in essence pure functions for rendering. Pure functions make it dead simple - even fun - to refactor your views

  
## Counter.js
import React from 'react';

/**
 * Counter.js
 *
 * exposes:
 *   init
 *   update
 *   view
 */
	import React from 'react';
	import debounce from 'utils/debounce';

	class EmailInput extends React.Component {
	checkEmail = value => {
	// only check if the field passes Yup email validation first
	if (
	!this.props.form.errors[this.props.name].includes(
	'invalid' /* or whatever your error message is*/
	)
	<!DOCTYPE html>
	<html prefix="og: http://ogp.me/ns#">

	<head>
	<!-- content-type, which overrides http equivalent header. Because of charset, this meta should be set at first. -->
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<!-- Overrides http equivalent header. This tells IE to use the most updated engine. -->
	<meta http-equiv="X-UA-Compatible" content="IE=Edge">
	<!-- Tells crawlers how to crawl this page, and the role of this page. https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta -->
	<meta name="robots" content="index, follow">
	function increment(props, state) {
	return {
	value: state.value + props.step,
	};
	}

	function decrement(props, state) {
	return {
	value: state.value - props.step,
	};
	// getComponent is a function that returns a promise for a component
	// It will not be called until the first mount
	function asyncComponent(getComponent) {
	return class AsyncComponent extends React.Component {
	static Component = null;
	state = { Component: AsyncComponent.Component };

	componentWillMount() {
	if (!this.state.Component) {
	getComponent().then(Component => {
	class Nav extends React.Component {
	constructor() {
	super();
	this.onNav = this.onNav.bind(this);
	}
	onNav(idx) {
	// do something with `this` and `idx`
	}
	render() {
	return (
	import { createStore, applyMiddleware, compose } from 'redux';
	// import { persistState } from 'redux-devtools';
	import rootReducer from '../reducers';
	import DevTools from '../containers/DevTools';

	export default function configureStore(initialState) {
	const finalCreateStore = compose(
	DevTools.instrument(),
	// persistState(window.location.href.match(/[?&]debug_session=([^&]+)\b/))
	)(createStore);
	import React from 'react';

	/**
	* Counter.js
	*
	* exposes:
	* init
	* update
	* view
	*/