Jeremy Wong jermspeaks

Composing `<Route>` in React Router v6

Composition of <Route> elements in React Router is changing in v6 from how it worked in v4/5 and in Reach Router. React Router v6 is the successor of both React Router v5 and Reach Router.

This document explains our rationale for making the change as well as a pattern you will want to avoid in v6 and a note on how you can start preparing your v5 app for v6 today.

Background

In React Router v5, we had an example of how you could create a element](https://github.com/remix-run/react-router/blob/320be7afe44249d5c025659bc00c3276a19f0af9/packages/react-router-dom/examples/Auth.js#L50-L52) to restrict access to certain routes on the page. This element was a simple [wrapper around an actual element that made a simple decision: is the user authenticated or not? If so, ren

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:

Ultimate Resource List

CLI Tools
GUI Tools
Web Tools
Systems/Services
Networks
Containers/Orchestration
Manuals/Howtos/Tutorials

GROKKING NOTES

I liked the way Grokking the coding interview organized problems into learnable patterns. However, the course is expensive and the majority of the time the problems are copy-pasted from leetcode. As the explanations on leetcode are usually just as good, the course really boils down to being a glorified curated list of leetcode problems.

So below I made a list of leetcode problems that are as close to grokking problems as possible.

Pattern: Sliding Window

Things I believe

This is a collection of the things I believe about software development. I have worked for years building backend and data processing systems, so read the below within that context.

Agree? Disagree? Feel free to let me know at @JanStette. See also my blog at www.janvsmachine.net.

Fundamentals

Keep it simple, stupid. You ain't gonna need it.

I'm doing a training course at work and promised I would list some of the books on progressive leadership I have found useful. Here they are in alphabetical order.

Creativity Inc. by Ed Catmull

I love Pixar movies. They have so very rarely fallen below the benchmark of excellent. Not only are they classic stories in their own right, they are also technical marvels. How does an organisation like Pixar maintain such a successful track record? How does it manage to be hugely commercially successful and critically acclaimed, too? Few studios can lay claim to staying so true to their art, especially when the stakes are so high, with the contemporary movies having typically having a budget in excess of $200 million. In this book, Ed Catmull explains how.

One of my favourite chapters, The Hungry Beast and the Ugly Baby, tells of how Pixar has to carefully balance the tension of feeding the "hungry beast" (that is, keeping the business going) with the need to generate and try new ideas, that enter the world a

2019 update: this essay has been updated on my personal site, together with a followup on how to get started

2020 update: I'm now writing a book with updated versions of all these essays and 35 other chapters!!!!

1. Learn in public

If there's a golden rule, it's this one, so I put it first. All the other rules are more or less elaborations of this rule #1.

You already know that you will never be done learning. But most people "learn in private", and lurk. They consume content without creating any themselves. Again, that's fine, but we're here to talk about being in the top quintile. What you do here is to have a habit of creating learning exhaust. Write blogs and tutorials and cheatsheets. Speak at meetups and conferences. Ask and answer things on Stackoverflow or Reddit. (Avoid the walled gardens like Slack and Discourse, they're not public). Make Youtube videos

	---
	creation date: <% tp.file.creation_date() %>
	modification date: <% tp.file.last_modified_date("YYYY-MM-DD HH:mm:ss") %>
	---

	# 💻 Logbook: <% tp.file.title %>
	- Intent: 🎋
	- `summary of today's focus/intent`
	- Log→ 🧮
	- [ ] `tiny todos`

	/*

	This script returns a list of activity options you could do (each defined by a Markdown file),
	depending on how much time you have available.

	REQUIRES:
	- Obsidian: https://obsidian.md
	- Obsidian Dataview plugin: https://blacksmithgu.github.io/obsidian-dataview/
	- Obsidian Templater plugin: https://silentvoid13.github.io/Templater/
	- this folder structure:

	// Should I be ES6+ing this file? Does it matter? Seems like it would feel nicer but running Babel over this file feels like ouroboros.

	// I'm using Gulp 3.x. I couldn't for the life of me get Gulp 4.x going, I think because my Gulp CLI was at too high (??) of a version and no amount of uninstalling and reinstalling would bring it back down.
	var gulp = require("gulp");

	// I thought I needed this until I found out about gulp.series. Can I refactor anything here?
	var runSequence = require("run-sequence");

	// Would this be a speed boost for anything? As in, only looking at files that have changed instead of all files?
	// https://github.com/sindresorhus/gulp-changed

Jeremy Wong jermspeaks

Composing <Route> in React Router v6

Background

Redirects in React Router v6

Background

Ultimate Resource List

GROKKING NOTES

Pattern: Sliding Window

Things I believe

Fundamentals

Creativity Inc. by Ed Catmull

1. Learn in public

Composing `<Route>` in React Router v6