Image for post
Image for post

If you change blog providers or are transferring help doc services, URLs to resources are likely to change. Redirecting is not only important so that you can retain SEO juice, you also want to ensure your customers can find what they’re looking for (no one likes getting a 404 page).

In this guide, I’ll first take you through creating an AWS Lambda function for URL redirection and then walk you through configuring Cloudflare to utilize this function.

First, a little background though…

Why AWS Lambda?

While Cloudfront allows you to set up some basic redirection, there’s no way to modify the URL path (i.e. test.com/blog/my-awesome-post needs to change to blog.test.com/my-awesome-post) . With Cloudfront, you would be able to redirect test.com/blog to blog.test.com/blog but you wouldn’t be able to strip the extraneous /blog. We need to bring in AWS Lambda so that we can write a serverless function that does this URL manipulation for us. …


Image for post
Image for post

Say you’re marketing department comes to and they want to run an ad campaign with Google AdWords and they want to be able to track conversions (how many people visited the site, clicked on a button, submitted a form, etc.).

You could just use Google Adwords to do this, but if you ever want to add additional conversion tracking (say they also want to run a Facebook [FB] ad campaign and track conversions for that) you would need to add script tags for FB to each page as well. …


Image for post
Image for post

This week I found myself in need of a way to pass data and functions as props to a component. Due to the constraints of the library I was using, I couldn’t do this in the following conventional manner:

In order to pass awesomeName to a component in the library I was using, I would need to use a pattern in React called High Order Components (HOCs).

High Order Components (HOC)

A HOC is a React Component that wraps another React Component

Not so scary and extremely useful for what I needed to do.

I’m only going to show how I used HOCs to pass props to a component but you should check out this article by franleplant for a great in depth look at HOCs. …


Image for post
Image for post

The language that gives you the power to write code for almost any platform is JavaScript.

Yes, that’s right, the programming language that some programmers love to hate gives you what I consider to be superpowers.

“JavaScript is a language with more than its share of bad parts.”

-Douglas Crockford

Let’s dive into an overview of how to tap into those superpowers:


Image for post
Image for post

Tired of reading text? Then jump straight to my quick video that will walk you through the entire boilerplate.

Starting a project from scratch can be a lot of work and finding the right boilerplate can help speed up your development process.

I’m going to walk you through one I always use and instead of hitting you with a wall of text describing every part of the boilerplate, I thought it would be more helpful to create a video that will get you from zero to coding in no time!

Link to video

Want me to IGNITE my webcam on fire (😉) and NEVER make a video tutorial again OR did you enjoy the video tutorial and want to see more?


Image for post
Image for post

If you’re using Redux to manage your state in React Native apps then you should also be using the React Native Debugger to super charge your development experience.

In this post I’ll show you how to setup the amazing React Native Debugger.

First, make sure you have Homebrew installed on your system by executing ‘brew’ in your Terminal. If you don’t install instructions can be found here.

Next, execute the following:

$ brew update && brew cask install react-native-debugger

Then, install React Native Debugger Open as a project dependency using the following (this will make it so that the React Native Debugger will get opened instead of the Chrome…


Image for post
Image for post

Ruby on Rails(RoR) is great for web development but when you want more dynamic pages on your front end, it might be time to bring a library like React into your project.

I was recently tasked with integrating React into an existing RoR project and couldn’t find a simple explanation of how to do the previous. Here’s the blog post I wish I would have had a week ago.

Note: I’ll be assuming you have a basic understanding of RoR, React, Redux, and Webpack for the rest of this post. …


Image for post
Image for post

Push notifications are an essential and powerful way to communicate with your users and one way to implement them with React Native is by using Firebase Cloud Messaging (FCM).

Note: In order to use FCM you will need to set up a server (I used Django for my routes and PyFCM to make interacting with firebase easier)

At a high level here is how push notifications will work with our setup:

  1. An FCM Token will be created in the app and this will be used to identify a unique user’s device
  2. The FCM Token for the user will be stored on our…


Image for post
Image for post

If you’ve created a React Native application and now want to put it on your iPhone so that you can use it yourself or show it off to all of your friends, you will need to follow a few specific steps.


Image for post
Image for post
Source: The Next Web

If you were like me and had never used Android Studio before, setting up your Mac for use with React Native and Android might be an error filled journey.

About

Thomas Wolfe

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store