Viacheslav Shabelnyk vshabelnyk

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:

Switching between AHCI and RAID on the Dell XPS 15 (9560)

This guide likely applies to other models and, potentially, even laptops from other OEMs that have NVME drives. However, I've only tested this on my Dell XPS 15 (9560) with the OEM Windows installation from the Signature Edition model.

Switching from RAID to AHCI

Switching from RAID to AHCI is significantly simpler than switching from AHCI to RAID. All that's needed is a successful boot to Safe Mode.

To set the default boot mode to Safe Mode, use msconfig.exe or open an admin cmd/PowerShell window and run:

Трехцилиндровый двигатель плюсы и минусы

First, install the required software:

Geth: http://geth.ethereum.org/downloads/
Mist: https://github.com/ethereum/mist/releases

Instructions for Windows

Open CMD (windows > run > type "cmd" > enter).
Run geth.exe --dev --ipcpath geth.ipc console

Dynamic module loading done right

Follow-up to Top-level await is a footgun – maybe read that first

Here are some things I believe to be true:

Static module syntax is beneficial in lots of ways – code is easier to write (you get better linting etc) and easier to optimise (tree-shaking and other things that are only really possible with static syntax), and most importantly, faster to load (it's trivial for a module loader to load multiple dependencies concurrently when they're declared with a static syntax – not so with imperative statements like require(...) or await import(...)).
App startup time is perhaps when performance is most critical. (You already know this, I don't need to cite the studies.)
If you're in favour of constructs that jeopardise app startup time, you are anti-user. Top-level await is such a construct.

	/**
	* Example to refresh tokens using https://github.com/auth0/node-jsonwebtoken
	* It was requested to be introduced at as part of the jsonwebtoken library,
	* since we feel it does not add too much value but it will add code to mantain
	* we won't include it.
	*
	* I create this gist just to help those who want to auto-refresh JWTs.
	*/

	const jwt = require('jsonwebtoken');

	{
	/*
	Code Climate Supports (level 3)
	===============================
	babel-eslint
	*/

	"parser": "babel-eslint",

	/*

	var str = 'class ಠ_ಠ extends Array {constructor(j = "a", ...c) {const q = (({u: e}) => {return { [`s${c}`]: Symbol(j) };})({});super(j, q, ...c);}}' +
	'new Promise((f) => {const a = function* (){return "\u{20BB7}".match(/./u)[0].length === 2 \|\| true;};for (let vre of a()) {' +
	'const [uw, as, he, re] = [new Set(), new WeakSet(), new Map(), new WeakMap()];break;}f(new Proxy({}, {get: (han, h) => h in han ? han[h] ' +
	': "42".repeat(0o10)}));}).then(bi => new ಠ_ಠ(bi.rd));';

	try {
	eval(str);
	} catch(e) {
	alert('Your browser does not support ES6!')
	}

	# Official framework image. Look for the different tagged releases at:
	# https://hub.docker.com/r/library/node/tags/
	image: node:6

	before_script:
	- npm install

	# This folder is cached between builds
	# http://docs.gitlab.com/ce/ci/yaml/README.html#cache
	cache:

	# npm3
	wheatley > ~ > code > rak > $ > rm -rf node_modules
	wheatley > ~ > code > rak > $ > time npm install
	npm WARN deprecated minimatch@2.0.10: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue
	npm WARN prefer global marked@0.3.6 should be installed with -g
	npm WARN prefer global colorguard@1.2.0 should be installed with -g

	> fsevents@1.0.14 install /Users/bjacobel/code/rak/node_modules/fsevents
	> node-pre-gyp install --fallback-to-build