FermiDirak

class BuildingBlock extends React.Component {
  constructor(props) {
    super(props);
    
    this.handleClick = this.handleClick.bind(this);
  }
  
  handleClick() {
    console.log('click!');
  }

FermiDirak

class BuildingBlock extends React.Component {
  handleClick = () => {
    console.log('click!');
  }

  render() {
    return (
      <button onClick={this.handleClick}/>
    );
  }

FermiDirak

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

import { precisionRound } from '../../utils';

import ChevronUpIcon from 'react-feather/dist/icons/chevron-up';
import ChevronDownIcon from 'react-feather/dist/icons/chevron-down';

class VoteButtons extends Component {
  /** an enumeration of the possible vote states for vote buttons */

FermiDirak

const express = require('express');
const passport = require('passport');
const bcrypt = require('bcrypt');
const jwt = require('jsonwebtoken');
const keys = require('../keys');
const UserModel = require('../models/user');

const router = express.Router();

router.post('/register', async (req, res) => {

FermiDirak

const mongoose = require('mongoose');
const { Schema } = mongoose;

const userSchema = new Schema({
  username: {
    type: String,
    index: true,
    unique: true,
    dropDups: true,
    required: true,

FermiDirak

const passport = require('passport');
const LocalStrategy = require('passport-local').Strategy;
const passportJWT = require('passport-jwt');
const JWTStrategy = passportJWT.Strategy;
const bcrypt = require('bcrypt');

const { secret } = require('./keys');

const UserModel = require('./models/user');

FermiDirak

router.get('/protected',
  passport.authenticate('jwt', {session: false}),
  (req, res) => {
    const { user } = req;

    res.status(200).send({ user });
  });

FermiDirak

:root {
  --red: #FF5A5F;
  --white: #FFFFFF;
  --lightgrey: #CDD1CC;
  --darkgrey: #555A5C;
  --darkergrey: #282C34;
  --gold: #FFB500;
  --turquoise: #007C80;
  --green: #55ffbb;
}

FermiDirak

const initialForm = {
  name: "name placeholder",
  title: "title placeholder",
  pets: [ 
    {
      name: "Flow", 
      funFact: "she can typecheck!",
    },
  ],
};

FermiDirak

type Person = {|
  +name: string,
  +spiritAnimal: string,
|};

const tenXer = { name: "dirak", spiritAnimal: "Godzilla" };

const talk = (person: Person): void => { 
  console.log(`Hi, I'm ${name}`); 
}