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…
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
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. …
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. …
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).
A HOC is a React Component that wraps another React Component
Not so scary and extremely useful for what I needed to do.
Yes, that’s right, the programming language that some programmers love to hate gives you what I consider to be superpowers.
Let’s dive into an overview of how to tap into those superpowers:
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!
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? …
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…
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. …
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).
At a high level here is how push notifications will work with our setup:
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.
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.