kocisov

// you can replace constructor with this

class Dashboard extends Component {
  state = {
    user: {}
  }
  
  componentDidMount() {...}
  
  render() {...}

kocisov

// import react and router
import React, { Component } from 'react';
import { Route } from 'react-router-dom';
import Home from './Home'

export default class App extends Component {
  render() {
    return (
      <div>
        {/* this is how you add comments inside react render function -> jsx */}

kocisov

const USER_LOGGED_IN = '*/user/USER_LOGGED_IN'
const apiUrl = 'http://localhost:3000/api/login'

// If you haven't already installed redux-thunk middleware
// just do it LOL: https://github.com/gaearon/redux-thunk
// then doDis
function login ({ username, password }) {
  return dispatch => {
    fetch(`${apiUrl}`, {
      method: 'POST',

kocisov

function mapStateToProps (state) {
  return {
    user: state.user
  }
}

// or
function mapStateToProps ({ user }) {
  return {
    user

kocisov

// Component.js
import React from 'react'

// get props from redux store
export default ({ user, login }) =>
  <div>
    {!user.isAuthenticated ?
      <div>
        <button onClick={login}>
          Login with StreamLabs

kocisov

import parse from 'twitch-emoji';
import bttv from './bttv.json'; // https://api.betterttv.net/emotes

// it's a mess, just... don't... please... save us
function emoteParser (msg) {
  let _msg = msg;

  msg.split(/\s+/).map(t => {
    bttv.emotes.filter(emote => t === emote.regex).map(e => {
      if (e.url && e.url.length > 0) {

kocisov

@keyframes cc {
  0% {
    color: #fff;
  }

  10% {
    color: #c92a2a;
  }

  20% {

kocisov

How to setup Next.js app on Nginx with letsencrypt

Next.js, Nginx with Reverse proxy, SSL certificate

• UPDATE (07/20/2021):
  • This process got simplified over the years of this gist being out
  • Older version of this gist (without certbot): https://gist.github.com/kocisov/2a9567eb51b83dfef48efce02ef3ab06/33fdd88872a0801bdde58fccce430fa48737ae10
  • I would also now recommend deploying to Vercel if you don't need custom server support

1. Install Nginx, Node and certbot

kocisov

import React from 'react'
import { render } from 'react-dom'
import { Provider } from 'react-redux'
import { syncHistoryWithStore } from 'react-router-redux'
import store from './store'

import {
  Router,
  Route,
  IndexRoute,

kocisov

const CHANGE = '.../user/CHANGE'

export default function user (state = {
  name: 'Koci',
  avatar: '//placecage.com/200/200',
  rank_group: 5,
  points: 1341
}, action) {
  switch (action.type) {
    case CHANGE: