Gustavo García gugadev

Flutter setup Windows guide

No requires Android Studio 🥳

Sonarlint y Code

Instalar Sonarlint

Lo primero es instalar la extensión Sonarlint en nuestro Code.

Crear un token

What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.

Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.

Element APIs

Getting box metrics

elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent

	import 'package:flutter/material.dart';

	enum DialogButtonStyle {
	PRIMARY,
	SECONDARY,
	}

	void main() {
	runApp(App());
	}

	import 'dart:math';

	void main() async {
	var pwd = await getRandomPwd(8);
	print(pwd);
	}

	Future<String> getRandomPwd(int length) async {
	if (length > 62) {
	throw Error('The max length of the password could be 62');

	/// Courtesy of https://stackoverflow.com/a/61929967/10670707
	Future<String> genRandomAlphanumeric(int length) async {
	const _chars = 'AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz1234567890';
	Random _rnd = Random();
	return String.fromCharCodes(
	Iterable.generate(
	length,
	(_) => _chars.codeUnitAt(_rnd.nextInt(_chars.length))
	)
	);

	const withPWA = require('next-pwa')

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

	export class Environment {
	static string(varName: string, defaultValue = ""): string {
	const value = process.env[`REACT_APP_${varName}`];
	return value ?? defaultValue;
	}

	static int(varName: string, defaultValue = 0): number {
	const value = process.env[`REACT_APP_${varName}`];
	if (value) {
	return Number.parseInt(value, 10);

	interface User {
	name: string;
	age: number;
	birthDate: Date;
	admin: boolean;
	foo?: {
	bar: string;
	}
	}

	import React, { useState } from "react";

	const JitsiMeet = () => {
	const [jitsi, setJitsi] = useState<JitsiInstance \| null>(null);

	return null;
	}