Simple TypeScript Examples Basic typing of variables const name: string = "Tom Delong"; const age: number = 23;Typing for Class, Array, and Map class User { constructor({ name, age }: { name: string, age: number }) { this.id
React — Separation of Concerns Andrei Calazans This article first appeared in G2i. When specifying the behavior of a data structure component, there are often two concerns that need to be dealt with: basic functionality
Simple Promises Example In JavaScript An asynchronous function is just a regular function that returns a Promise instead of a Number, String, etc.function asynchronousFunction() { const executorFunction = (resolve) => { setTimeout(() => resolve("foo"), 2000); }; return
Simple Way To Use React Hooks With Context For State Management This one file will show you from start to finish how to make a simple state management system using only React Hooks & Context. My hope is that this barebones
Jiu Jitsu Positions Back Control/Back Mount Dogfight Guard (Open & Closed) Guard (Quarter, Half, Full) Mission Control/Rubber Guard Half Guard Knee on chest Lister? Lockdown Monkey Mount Mount North-south Omoplata
Workouts Abs Heading A numbered list With some Sub bullets Resources Abs Back Resources Dead Row Butt Resources Butt Chest Resources Chest Chest Inner Resources Chest Inner Legs Resources Legs Legs
Simple Apollo Local State Example This is a very simple example of using Apollo Client's new local state functionality. In this example I query a publicly accessible Pokemon GraphQL API along side a local state
Use React Apollo with Hooks - React Apollo vs React Apollo Hooks Why I wanted to use hooks to query a GraphQL API using React Apollo and although it isn't officially supported yet I found a repository that wraps React Apollo in
Simple GraphQL & React Example This GraphQL React example is the bare minimum it takes to get an application up and running. It consists of just two files (with dependencies) both under 100 lines each.
Simple Guide to the All-Weather Portfolio TL;DR: Pick a retirement account type: Roth IRA. Chose an account provider: Vanguard. Choose which assets to invest: ETFs. Create a portfolio: All-Weather Portfolio Setup automatic contributions/investments if
A Simple GraphQL Example with Relationships If you're trying to build a simple GraphQL example using Node.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
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 microservices with ease. It supports several backends (Docker, Swarm mode, Kubernetes,
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/react-native-apollo-example.git cd react-native-apollo-link-state-example yarn install && yarn start Option
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 (with dependencies). These two files will show you start to finish
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 article is for you. Install Certbot sudo apt-get update sudo apt-get
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)
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.40. "Duplicate interface definition for class "'RCTView'" If
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 create an iOS React Native module that could set and get
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 Firebase and create a new app. It's totally free to start.
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 mykeyalias -keyalg RSA -keysize 2048 -validity 10000 After you have generated
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 manager. At first I was bored by the idea, so I
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 "$(rbenv init -)"' > ~/.bash_profile # Install latest version
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 change to make your site AMP compliant. npm install -g amp-validator
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 make a child theme: Create a directory in my-blog/wp-contents/themes