Gustavo García gugadev

Install and Create Emulators using AVDMANAGER and SDKMANAGER

TL;DR

For an emulator that mimics a Pixel 5 Device with Google APIs and ARM architecture (for an M1/M2 Macbook):

List All System Images Available for Download: sdkmanager --list | grep system-images
Download Image: sdkmanager --install "system-images;android-30;google_atd;arm64-v8a"

Install the tools:

brew install ios-webkit-debug-proxy

Run the simulator. And choose an iOS 10 device. The chrome remote debugging doesn't work with iOS 11 yet.

Enable the inspector

'Include' in Sequelize: The One Confusing Query That You Should Memorize

When querying your database in Sequelize, you'll often want data associated with a particular model which isn't in the model's table directly. This data is usually typically associated through join tables (e.g. a 'hasMany' or 'belongsToMany' association), or a foreign key (e.g. a 'hasOne' or 'belongsTo' association).

When you query, you'll receive just the rows you've looked for. With eager loading, you'll also get any associated data. For some reason, I can never remember the proper way to do eager loading when writing my Sequelize queries. I've seen others struggle with the same thing.

Eager loading is confusing because the 'include' that is uses has unfamiliar fields is set in an array rather than just an object.

So let's go through the one query that's worth memorizing to handle your eager loading.

	// API key
	// https://2captcha.com/enterpage
	const API_KEY = "XXXX";

	// Find site key of a website
	const googleSiteKey = document
	.getElementsByClassName("g-recaptcha")[0]
	.getAttribute("data-sitekey");

	// Helper parsing function

	const withPWA = require('next-pwa')

	module.exports = withPWA({
	pwa: {
	dest: 'public'
	}
	})

	import React, { FunctionComponent, ReactChild } from 'react'

	const listeners = Symbol('jsx-web-comp/event-listeners')
	const eventPattern = /^onEvent/

	const toKebabCase = (str: string): string => str.replace(/([a-z0-9]\|(?=[A-Z]))([A-Z])/g, '$1-$2').toLowerCase()

	export default function jsx (type: string \| FunctionComponent, props: Record<string, any>, ...children: ReactChild[]) {
	const isCustomElement = customElements.get(type as string)
	const newProps = { ...props }

	.container {
	background-color: #c1c1c1;
	height: 500px;
	display: flex;
	justify-content: center;
	align-items: center;
	}

	.btn {
	background-color: orange;

	function withAuthentication(WrappedComponent) {
	const ModifiedComponent = (props) => {
	if (!props.isAuthenticated) {
	return <Redirect to="/login" />;
	}

	return (<WrappedComponent { ...props } />);
	};

	const mapStateToProps = (state) => ({

	{
	"version": "0.2.0",
	"configurations": [
	{
	"name": "Example",
	"type": "node",
	"request": "launch",
	"runtimeExecutable": "node",
	"runtimeArgs": ["--nolazy", "-r", "ts-node/register/transpile-only"],