Here’s a quick how-to on recording your Mac desktop while using the VoiceOver screen reader. With this setup you’ll be able to capture both video and internal audio at the same time, and hear the audio output while recording.
For this setup we’ll be on OS X El Capitan and use QuickTime to capture the video and audio. The only extra thing required is the iShowU Audio Capture driver.
| // See https://blog.isquaredsoftware.com/presentations/react-redux-ts-intro-2020-12/#/36 for slides | |
| // My basic render function structure: | |
| function RenderLogicExample({ | |
| someBoolean, // 1) Destructure values from `props` object | |
| someList, | |
| }) { | |
| // 2) Declare state values | |
| const [a, setA] = useState(0); | |
| const [b, setB] = useState(0); |
| body { | |
| background-image: | |
| linear-gradient(45deg, #ccc 25%, transparent 25%), | |
| linear-gradient(135deg, #ccc 25%, transparent 25%), | |
| linear-gradient(45deg, transparent 75%, #ccc 75%), | |
| linear-gradient(135deg, transparent 75%, #ccc 75%); | |
| background-size:25px 25px; /* Must be a square */ | |
| background-position:0 0, 12.5px 0, 12.5px -12.5px, 0px 12.5px; /* Must be half of one side of the square */ | |
| } |
FWIW: I (@rondy) am not the creator of the content shared here, which is an excerpt from Edmond Lau's book. I simply copied and pasted it from another location and saved it as a personal note, before it gained popularity on news.ycombinator.com. Unfortunately, I cannot recall the exact origin of the original source, nor was I able to find the author's name, so I am can't provide the appropriate credits.
| # Requirements | |
| * Python 2.7 | |
| * Google Chrome | |
| * ChromeDriver - WebDriver for Chrome | |
| - Download the latest chromedrive which is 2.28 from here - https://sites.google.com/a/chromium.org/chromedriver/downloads | |
| - Extract and move `chromedriver` file to `/usr/local/bin/chromedriver` | |
| - git clone https://github.com/li-xinyang/OS_FrontendMaster-dl | |
| - cd OS_FrontendMaster-dl |
System: Debian/Ubuntu/Fedora. Might work for others as well.
As mentioned here, to update a go version you will first need to uninstall the original version.
To uninstall, delete the /usr/local/go directory by:
| type FrameScope = { | |
| [key:string]: mixed | |
| }; | |
| type StackFrame = { | |
| name?: string, | |
| fileName?: string, | |
| lineNumber?: number, | |
| columnNumber?: number, | |
| scope?: FrameScope | |
| }; |
| // BrowserRouter is the router implementation for HTML5 browsers (vs Native). | |
| // Link is your replacement for anchor tags. | |
| // Route is the conditionally shown component based on matching a path to a URL. | |
| // Switch returns only the first matching route rather than all matching routes. | |
| import { | |
| BrowserRouter as Router, | |
| Link, | |
| Route, | |
| Switch, | |
| } from 'react-router-dom'; |
A tiny (265 byte) utility to create state machine components using two pure functions.
The API is a single function that accepts 2 pure functions as arguments:
Personal notes while working through Advanced React: https://courses.reacttraining.com/p/advanced-react
Granted this is a contrived example, but it's still something I took notice to: in those "Advanced React" videos I've been watching, Ryan Florence codes very slowly, and does not make one quick change and jump back to the browser to see what changed.
He stops and thinks. He asks himself (or the viewer) questions. He wonders what
