Skip to content

Instantly share code, notes, and snippets.

Steven Natera nodox

Block or report user

Report or block nodox

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
View remotefordays_launch.md

Building a jobs board with Gatsby

Today we are going to discuss how we built Remotefordays, a jobs board for remote software engineer roles, with Gatsby. First we'll discuss how we made came to our tech stack, then we'll talk about the the gotachas, and falls starts we encountered along the way.

Components of the tech stack

Gatsby is an amazing tool for rapid prototyping high performance websites on the frontend. We can get a new project started without much hassle due to a phenominal developer experience. Therefore choosing Gatsby for our frontend concerns was easy. Next we needed to decide how to build and store job listings.

Since we are using gatsby, we were tempted to build the job board as a static site. After all, the content is not going to change after the initial job post. But there is a subtle requirement in a jobs board that requires the site to be designed for dynamic actions.

@nodox
nodox / README.md
Last active Apr 11, 2019
Output terraform file from go template
View README.md
  • mkdir $HOME/go/src/tek
  • cd $HOME/go/src/tek
  • go run main.go
@nodox
nodox / simple-express.js
Last active Apr 3, 2019 — forked from aparrish/simple-express.js
Simplest possible Express application
View simple-express.js
// simplest possible express app
var http = require('http');
var express = require('express');
var app = express();
// local database. When you restart the express server, the values will reset to original
let db = [
{
name: "Mike",
@nodox
nodox / 0_monitoring.md
Last active Oct 2, 2018
Observability - How to monitor your applications
View 0_monitoring.md

Monitoring applications with Prometheus

Today you are going to dive deep into the observability and build a monitoring solution for your container environment using Prometheus and Grafana.

What is Observability?

You know what really grinds my gear? Incomplete software tutorials. Everyone wants to be a teach the world about that shiny new tool or that brand new Javascript framework to build the application ofyour dreams. Developers will often write these elaborate tutorialsto teach you how to write X feature or implement Y functionality. The tutorial then ends with a disclaimer that you wouldn't want to run this in production. Or my favorite they will tell you how to deploy the application but not how to maintain the new piece of software that you released into the wild. I mean how are you so sure the new piece of software your released won't take down us-east-1 North Virginia data center AKA the cloud? That's right you're not sure. Well today that's all going to change.

In this tutorial we're going

@nodox
nodox / 00-gtk-demo.md
Last active Sep 15, 2018
How to start a Gatsby project using a Gatsby Manor theme
View 00-gtk-demo.md

How to start a Gatsby project using a Gatsby Manor theme

You are going to start a gatsby (v2) project using a Gatsby Manor theme to quickly style your project website.

Start a new project

Use the gatsby-cli to create a new project in your desired directory. (If you don't have gatsby installed, use yarn global add gatsby-cli to install gatsby globally.)

@nodox
nodox / 01-gtk-demo.md
Last active Sep 14, 2018
How use a Gatsby Manor theme
View 01-gtk-demo.md

How to use different Gatsby Manor themes

You are going to start a gatsby (v2) project using a Gatsby Manor theme to quickly style your project website.

Start a new project

Use the gatsby-cli to create a new project in your desired directory. (If you don't have gatsby installed, use yarn global add gatsby-cli to install gatsby globally.)

gatsby new gtk-demo https://github.com/gatsbyjs/gatsby-starter-default\#v2
View learning.md

Michael

if I wanted to make something lowercase I would do this

const x = (name) => 
  name = name.toLowerCase()

But since its one parameter is there a way i could make it lowercase without specifying the parameter? Since arrow functions dont require it for one parameter.

const x = () =>

@nodox
nodox / Step.js
Last active Jul 1, 2018
Buidling a stepper - step.js
View Step.js
import React from "react";
class Step extends React.Component {
render() {
const {
isActive,
displayPrevious,
displayNext,
displaySubmit,
@nodox
nodox / Buttons.js
Last active Jul 1, 2018
Building a stepper - buttons.js
View Buttons.js
import React from "react";
class Next extends React.Component {
render() {
const { isActive } = this.props;
if (isActive === false) return null;
return (
<button onClick={() => this.props.goToNextStep()}>
@nodox
nodox / AppCombined.js
Last active Jul 1, 2018
Building a stepper with compound components
View AppCombined.js
import React from "react";
import { render } from "react-dom";
import { StepList } from "./StepList";
import { Step } from "./Step";
const PageTwo = () => (
<h2>We have a second page.</h2>
)
const PageThree = () => (
You can’t perform that action at this time.