Albert Miller anmilleriii

Redirects in React Router v6

An important part of "routing" is handling redirects. Redirects usually happen when you want to preserve an old link and send all the traffic bound for that destination to some new URL so you don't end up with broken links.

The way we recommend handling redirects has changed in React Router v6. This document explains why.

Background

In React Router v4/5 (they have the same API, you can read about why we had to bump the major version here) we had a <Redirect> component that you could use to tell the router when to automatically redirect to another URL. You might have used it like this:

Predecessors

Install yarn

curl --compressed -o- -L https://yarnpkg.com/install.sh | bash

Install vue-cli

Tested @vue/cli version is 4.4.6.

UPDATE (March 2020, thanks @ic): I don't know the exact AMI version but yum install docker now works on the latest Amazon Linux 2. The instructions below may still be relevant depending on the vintage AMI you are using.

Amazon changed the install in Linux 2. One no-longer using 'yum' See: https://aws.amazon.com/amazon-linux-2/release-notes/

Docker CE Install

sudo amazon-linux-extras install docker
sudo service docker start

This notes is written by Sheldon. You can find me with #iOSBySheldon in Github, Youtube, Facebook, etc.

Need

Convert .mov/.MP4 to .gif

Reason

As a developer, I feel better to upload a short video when I create the pull request to show other viewers what I did in this PR. I tried .mov format directly got after finishing recording screen using Quicktime, however, gif offers preview in most web pages, and has smaller file size.

This is not limited to developer, anyone has this need can use this method to convert the files.

Description

[Server] GStreamer ---> HTML [Client]

Require

gstreamer-1.x
Browser which supports video tag of HTML5

debian

When you declare a request and response using the traditional Pact DSL, ("uponReceiving" and "willRespondWith") you're building a structure that has three purposes -

it provides the concrete example request and response used in the tests
it specifies the contents of the contract which...
defines how to validate the the actual request/response against the expected request/response

The three different uses of this structure are hidden from you when using HTTP Pact because the mock service handles numbers 1 & 2 in the consumer tests, and the verification task handles number 3 for you in the provider tests. When using Pact in a non-HTTP scenario, there is no nice neat protocol layer to inject the code to do this for you, so you have to explicitly do each step.

The file expected_data_from_collector.rb declares an object graph using the Pact DSL. This is going to be used to create the concrete example and the contract. This could be declared inline, but for easier maintenance, and to allow the contr

	import createAuth0Client from '@auth0/auth0-spa-js'
	import { computed, reactive, watchEffect } from 'vue'

	let client
	const state = reactive({
	loading: true,
	isAuthenticated: false,
	user: {},
	popupOpen: false,
	error: null,

	openssl genrsa -out CAroot.key 2048
	openssl req -new -key CAroot.key -out CAroot.csr # CN should be different from the certificates below
	openssl req -x509 -days 1825 -key CAroot.key -in CAroot.csr -out CAroot.crt
	cat CAroot.crt CAroot.key > CAroot.pem

	openssl genrsa -out mongod.key 2048
	openssl req -new -key mongod.key -out mongod.csr
	openssl x509 -req -days 1825 -in mongod.csr -CA CAroot.pem -CAkey CAroot.key -CAcreateserial -out mongod.crt
	cat mongod.crt mongod.key > mongod.pem

	Copyright 2015 Matthew Brush

	Permission is hereby granted, free of charge, to any person obtaining a
	copy of this software and associated documentation files (the
	"Software"), to deal in the Software without restriction, including
	without limitation the rights to use, copy, modify, merge, publish,
	distribute, sublicense, and/or sell copies of the Software, and to
	permit persons to whom the Software is furnished to do so, subject to
	the following conditions:

	var merge = require('deepmerge');
	var fs = require('fs');

	var a = require('./json/a-start.json');
	var b = require('./json/collections.json');
	var c = require('./json/z-sample-fields.json');

	var merge1 = merge(a, b);
	var merge2 = merge(merge1, c);