liunian

GitHub Flavored Asciidoc (GFA)

First couple things I thought about when migrating after reading the docs

So migrating my existing app wasn't as troublesome as I originally thought. First thing I did was take a look at my router and routes and figure try to make a mental model of all the files where I had nested routes in the existing app because those components/containers will contain {this.props.children}. So I need to replace those with the nested <Match /> components.

So just to give an example:

In v2:

<Router history={history}>
  <Route path="/" component={App}>

Image source

https://gyazo.com/eb5c5741b6a9a16c692170a41a49c858.png

Try resize it!

![](https://gyazo.com/eb5c5741b6a9a16c692170a41a49c858.png | width=100)

	#!/bin/bash
	workdir=$(pwd)
	filepath=$1
	format=$2
	outdir=$3
	book_convert(){
	filepath=$1
	format=$2
	tmp_dir="$HOME/Downloads/eCoreCmdtmp/$(uuidgen)"
	mkdir -p $tmp_dir

	import * as React from 'react';

	declare class SomeReactComponent extends React.Component<SomeReactComponentProps, any> {}

	interface SomeReactComponentProps {
	className?: string;
	toggle?: boolean;
	name: string;
	size?: 'lg' \| '2x' \| '3x' \| '4x' \| '5x';
	}

	.force-show-scrollbars ::-webkit-scrollbar-track:vertical {
	border-left: 1px solid #E7E7E7;
	box-shadow: 1px 0 1px 0 #F6F6F6 inset, -1px 0 1px 0 #F6F6F6 inset;
	}

	.force-show-scrollbars ::-webkit-scrollbar-track:horizontal {
	border-top: 1px solid #E7E7E7;
	box-shadow: 0 1px 1px 0 #F6F6F6 inset, 0 -1px 1px 0 #F6F6F6 inset;
	}

	<!DOCTYPE html>
	<head>
	<script type='text/javascript'>
	window.onload = function () {
	var video = document.getElementById('videoId');
	var canvas = document.getElementById('canvasId');
	var img = document.getElementById('imgId');

	video.addEventListener('play', function () {
	canvas.style.display = 'none';

	/*
	UPDATED for 2023 - Now much simpler. The old tricks are no longer needed.

	The following code makes an 800×600 canvas that is always as sharp as possible for the device.

	You still draw on it as if it's the logical size (800×600 in this case), but everything just
	looks sharper on high-DPI screens. Regular non-sharp screens are not affected.
	*/

	const width = 800

	"""
	Author: Eric J. Ma

	Purpose: To merge PDFs together in an automated fashion.
	"""


	import os

	from PyPDF2 import PdfFileReader, PdfFileMerger