Tyler Buchea - Tyler Buchea

Building a Skype Bot with Heroku and NodeJS

Why? I started a podcast with my brothers and we wanted to be able to play sounds while we are recording over Skype. I decided to create a Skype bot that I can

A Simple GraphQL Example with Relationships

If you're trying to build a simple GraphQL example using Node.js or Express.js to teach yourself the technology and you've been frustrated with other tutorials then you've come to the right

A Developers Guide to Starting a Podcast

Today I'm going to talk about how to get started podcasting. Keep in mind this is a beginners level guide to podcasting. We're going to cover three main topics: Creation with your social

Docker Swarm, Traefik, & Let's Encrypt SSL Certificates with ACME

Docker Swarm does not offer any easy way to implement SSL certificates for your services. Enter Traefik: Træfik (pronounced like traffic) is a modern HTTP reverse proxy and load balancer made to deploy

React Native Apollo Example

Setup Option 1: Do it yourself create-react-native-app react-native-apollo-example cd react-native-apollo-example yarn add apollo-client-preset react-apollo graphql # and replace below code for App.js Option 2: Clone my repo git clone git@github.com:tylerbuchea/

Super Simple Redux Thunk Example

This Redux Thunk example is the bare minimum it takes to get a React application up and running with asynchronous redux actions. It is under 100 lines and consists of just two files

NGINX Let's Encrypt Certbot Manual Installation

If you're trying to update an outdated SSL certificate or even if you're installing one for the first time and you don't trust Certbot to modify your NGINX config for you then this

Super Simple React Redux Example

This React Redux example is the bare minimum it takes to get an application up and running. It is under 100 lines and consists of just two files (with dependencies). These two files

React Native 0.40 Upgrading iOS Native Modules

Help! My Module is Broken You may have received an error message like the one below when trying to use an older React Native iOS module in the latest React Native >= 0.

How to Create a React Native iOS Native Module

The official React Native docs on writing a native module are very useful, so make sure you give them a read: http://facebook.github.io/react-native/docs/native-modules-ios.html Why? I wanted to

Firebase with ES6 on React

Want to build something fast? I found that you can use Firebase, React, and ES6 to build prototypes, MVPS, and proof of concepts very very fast. First create a new Firebase project Visit

React Native Publishing an Android App

Add/Create Keystore This command will create a keystore with the given name if the file doesn't exist or append a key to a current keystore. keytool -genkey -v -keystore mykeystore.keystore -alias

Developer Success Tracker

Success Tracker is an online, formative assessment and remediation management system. At the agency I work for we were petitioned to fill out a success tracker by our new content and social media

Creating a Rails API

Installation We'll be using rbenv which is a powerful Ruby version Manager. # Install rbenv brew install rbenv ruby-build # Bootstrap rbenv echo 'export PATH=$HOME/.rbenv/bin:$PATH' > ~/.bash_profile echo 'eval "

Making Your Site AMP Compliant

Testing Tool: amp-validator The AMP Validator is a command line tool. You can feed it a URL or a local file path and it will spit out all the things you need to

Super Simple Explanation of Wordpress Child Themes

A child theme is a theme that inherits from a parent theme You should ALWAYS ALWAYS use a child theme instead of editing a pre-existing theme. There are only a few steps to

Advanced Git

Remove last commit but keep changes unstaged git reset HEAD^ Blame Line(s) of Code on Someone git blame -L20,+11 <file> How to tag an older commit in Git? git

Git Visualization with Gource

Super Way Cool Visualization of Your Git Commit History 😎 Installation Here is the source for Gource and FFmpeg brew install gource brew install ffmpeg Getting Started # CD into your git repo of choice

React Native and CodePush Example

Installation Simply CD into your project's root folder and run these commands. # Install Code Push CLI globally npm install -g code-push-cli # Create a Code Push Account code-push register # Register your app with CodePush

Renaming a React Native Project

Package.json Change the name of your project in your package.json under the "name" field. Then run: react-native upgrade Update AppRegistry Make sure you change the references in your index

Syntax Highlighting

Living Document to Record My Syntax Highlighting Config Syntax Highlighter PrismJS Theme Default Languages Defaults Markup (language-html) CSS (language-?) C-like (language-?) JavaScript (language-javascript) Custom React JSX (language-jsx) Sass (language-scss) Bash (language-bash) CoffeeScript (language-?

Migrating Angular Project to React

How to Migrate your Angular Project to React Piece by Piece Grab ngReact This library is going to be your best friend for migrating your project https://github.com/ngReact/ngReact bower install

Developing an Atom Editor Package

Development Flow Make it 🔧 cd ~/projects/my-cool-atom-package apm link . Submission Ship it ⚓ Login apm login Before you can publish packages, you'll need an API token. Visit your account page on Atom.io https:

Common React PropTypes Examples

Basic MyComp.propTypes = { email: PropTypes.string.isRequired, seats: PropTypes.number, settings: PropTypes.object, callback: PropTypes.func, isClosed: PropTypes.bool, dataList: PropTypes.array, name: PropTypes.string, symbol: PropTypes.symbol, any: PropTypes.any, }; Style and

How to Create a Custom Hubot on Heroku

Install Hubot & Redis Don't waste your time. I've integrated my Hubot with Slack and uploaded him to Heroku so he can be always running. If you want to do the same great.