gugadev

Android SDK setup - Windows guide

If you are a React Native, NativeScript, Flutter or Ionic developer maybe you don't want to install the entire Android Studio just to have your environment ready. If this is your case, this guide will help you to setup your minimal Android SDK environment in Windows.

gugadev

macOS Internals

Understand your Mac and iPhone more deeply by tracing the evolution of Mac OS X from prelease to Swift. John Siracusa delivers the details.

Starting Points

How to use this gist

You've got two main options:

gugadev

⚠️ Note!

With VSCode version 1.94, the APC extension broke and there is no fix yet.

So, for those having issues with APC after the VSCode update, I recommend downloading the previous version of VSCode for now (https://code.visualstudio.com/updates/v1_93) and setting updates to manual by adding this to the editor's configuration:

"update.mode": "manual",

gugadev

Flutter setup Windows guide

No requires Android Studio 🥳

gugadev

.oops {
  margin: 0;
  padding: 0;
  background-color: #0a1821;
  flex: 1;
  height: 100%;
  width: 100%;
  color: #fff;
  position: relative;
  text-align: center;

gugadev

Enabling native title bar on Discord client

• Step 1: Download 7-ZIP and the ASAR plugin from [ https://www.tc4shell.com/en/7zip/asar/ ]
• Step 2: After installing 7-ZIP create a new folder inside of its install location called Formats
• Step 3: Extract the .dll from one of the folders in the archive (x64 or 32) to the Formats folder
• Step 4: Go to C:\Users\**YourUsername**\AppData\Local\Discord\app-1.0.9007\modules\discord_desktop_core-1\discord_desktop_core (Replace **YourUsername** with your username)
• Step 5: Open the core.asar file with 7-ZIP and extract its content to a folder of your choice
• Step 6: Enter the folder and go to the app subdirectory, after that find the file called mainWindow.js or mainScreen.js and open it with a text editor of your choice
• Step 7: Go to line 419 and change frame: false to frame: true, if you can't find that text press CTRL+F and search for frame: false, it should look like the one attached in the screens

gugadev

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 }

gugadev

/**
 * @description Constituye un catálogo de errores de una API.
 * Un catálogo es un mapa en donde se asocia un código de error
 * con un mensaje describiendo el problema que se ha originado.
 * Por ejemplo:
 * {
 *      24323: 'Ha ocurrido un error consumiendo el servicio externo ABC',
 *      13424: 'No se encontraron coincidencias para la búsqueda'
 * }
 */

gugadev

import 'package:flutter/material.dart';

class BottomNavigation extends StatefulWidget<_BottomNavigationState> {
	BottomNavigation({
		this.children,
		this.items,
		this.fadeDuration
	});
	final List<Widget> children;
	final List<Widget> items;

gugadev

type InterceptorResponse = Omit<
  typeof Response.prototype,
  'text' | 'formData' | 'blob' | 'json' | 'arrayBuffer'
>

type FetchInterceptorResponseConfig = {
  onUnauthenticated?: (obj: InterceptorResponse) => void
  onInternalError?: (obj: InterceptorResponse) => void
  onForbidden?: (obj: InterceptorResponse) => void
  onRateLimit?: (obj: InterceptorResponse) => void