kconner

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:

Klerith

Instalación y configuracion de Jest + React Testing Library

En proyectos de React + Vite

1. Instalaciones:

yarn add --dev jest babel-jest @babel/preset-env @babel/preset-react 
yarn add --dev @testing-library/react @types/jest jest-environment-jsdom

2. Opcional: Si usamos Fetch API en el proyecto:

VB10

  import 'dart:async';

  import 'package:flutter/material.dart';
  import 'package:lottie/lottie.dart';

  class NotiferChanges<T> {
    final StreamController<T> _fetchDoneController = StreamController.broadcast();

    changeNavigate(T data) {
      _fetchDoneController.add(data); // send an arbitrary event

gugadev

Flutter setup Windows guide

No requires Android Studio 🥳

scottlow

"Microsoft Edge: State of the Platform": Session Resources

Session resources for web developers, in order of presentation from the Microsoft Build 2021 "Microsoft Edge: State of the Platform" on-demand session.

State of the Web Platform

Dual Screen APIs + DevTools Emulation

• Introducing Web APIs for Dual Screen and Foldable Devices - Microsoft Edge Blog
• Explainer: Web Platform Primitives for Enlighted Experiences on Foldable Devices
• Form Factors Explained (W3C Second Screen Community Group)
• Documentation on Dual Screen Emulation in DevTools
• Microsoft Build 2021: Dual Screen Web Development

jeidevpcourse

// This function converts the byte to the corresponding amount, be it kilo, mega, GB, etc.
const convertWeightByte = (byte) => {
    let sizekiloByte = (byte / 1024);
    let sizeMega = (sizekiloByte / 1024);
    let sizeGigabyte = (sizeMega / 1024);
    let sizeTerabyte = (sizeGigabyte / 1024);
    let sizePetabyte = (sizeTerabyte / 1024);
    let sizeExabyte = (sizePetabyte / 1024);

    if(sizekiloByte > 0 && sizekiloByte <= 1024){

Tomas2D

// 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

skolhustick

const withPWA = require('next-pwa')
 
module.exports = withPWA({
    pwa: {
        dest: 'public'
    }
})

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 }

mrk-han

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):

1. List All System Images Available for Download: sdkmanager --list | grep system-images

2. Download Image: sdkmanager --install "system-images;android-30;google_atd;arm64-v8a"