Sep 29, 2021

How to Reload React Native App on Android Device + See Reactotron Logs

To see Reactotron logs while running on an Android, type the following into the Terminal. adb reverse tcp:9090 tcp:9090 To reload Android app device without opening and closing: adb shell input text "RR" Sources How to connect to Reactotron from Android Phone? · Issue #162 · infinitered/reactotron You can't perform that action at this time. You signed in with another tab or window. You signed out in another tab or…github.com

Android

1 min read

How to Reload React Native App on Android Device + See Reactotron Logs

To see Reactotron logs while running on an Android, type the following into the Terminal.

adb reverse tcp:9090 tcp:9090

To reload Android app device without opening and closing:

adb shell input text "RR"

Sources

How to connect to Reactotron from Android Phone? · Issue #162 · infinitered/reactotron

You can't perform that action at this time. You signed in with another tab or window. You signed out in another tab or…

github.com

https://stackoverflow.com/a/44170992

Apr 12, 2020

How to push to a work repo and personal repo with separate GitHub accounts

Sometimes I just want to work on some side projects on my work laptop for personal learning and still light up my personal GitHub account squares with my personal Github account. I used a mix of a tutorial and a Stack Overflow answers and this is what worked for me. Step 1 — Create a New SSH Key …

Git

2 min read

Mar 9, 2020

withStyles Material UI override

I keep getting tired of looking up old code to override some style. import FormControlLabel from '@material-ui/core/FormControlLabel' import { withStyles } from '@material-ui/core/styles' export const StyledFormControlLabel = withStyles({ root: { …

Material Ui

1 min read

Feb 13, 2020

Redux adding toggle cheatsheet to self

Add initial State in Reducers/initialState i.e. Reducers/initialState/caseManager.js Put in the shape of the state you’d like to access and update. i.e. export const caseManager = { showFilters: true, otherStateStuff: null } 2. Add to index of initial states in Reducer’s initial states Reducers/initialState/index.js import { client } from './client' import…

React

2 min read

Dec 24, 2019

CSS Absolute center something

Because I always mix up the positive and negative and transform with translate… The proper syntax @mixin absCenter { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) }

CSS

1 min read

Dec 17, 2019

Importing Material UI icons

Again…I keep forgetting this… Option 1: Importing directly from MUI library yarn add @material-ui/icons Go here: https://material-ui.com/components/material-icons/ Click or search for icons Import like so on a React file: import ErrorIcon from '@material-ui/icons/Error'; If you want to customize it further… import ErrorIcon from '@material-ui/icons/Error' import { withStyles } from '@material-ui/core/styles'

Material Design

1 min read

Nov 27, 2019

Inline JSX Style I always forget

For when I just want to do a quick and dirty check of styling getting implemented properly, this is the JSX convention I should follow: function HelloHeader() {…

React

1 min read

Nov 21, 2019

VoiceOver Hotkeys

VoiceOver is a screen reader program that comes on new Mac computers, iPhones, iPads, and iPod touches. Toggle VoiceOver: Command + F5 VO: Control + Option VO + command +…

Accessibility

1 min read

Nov 17, 2019

tabindex=-1 for accessibility

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial- scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <title>Document</title> <style> #navigationLink { opacity: 0; } …

Web Development

1 min read

Nov 12, 2019

Detecting focus hack

Load up the site, then open up the console, then just paste in the following code: document.body.addEventListener('focusin', (event) => { console.log(document.activeElement) }) Now when you tab, the console should log…

Java Script

1 min read