Alexisvt

What is the Event loop in Javascript

JavaScript code runs single threaded. There is just one thing happening at a time.

This is good because devs dont need to worry about concurrency issues, the only caveat is to know how not to block that single thread like synchronous network calls or infinite loops.

In most browser there is an event loop for every browser tab, in other words, the environment manages multiple concurrent event loops, to handle API calls for example, Web Workers run in their own event loop as well.

You mainly need to be concerned that your code will run on a single event loop, and write code with this thing in mind to avoid blocking it.

Alexisvt

export interface DataAttributes {
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
  [n: `data-${string}`]: any
}

// more info about it:
// https://github.com/microsoft/TypeScript/issues/47211
// https://github.com/microsoft/TypeScript/issues/28960

Alexisvt

import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
import { render as rtlRender } from '@testing-library/react'

// eslint-disable-next-line @typescript-eslint/no-explicit-any
function render(ui: React.ReactElement, { ...renderOptions } = {} as any) {
  const queryClient = new QueryClient()

  const Wrapper = ({ children }: { children: React.ReactNode }) => (
    <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
  )

Alexisvt

Jest Recipes

How to mock some windows functions

In this example, Im mocking the open function of the window object, then in the actual test block, Im returning an object with a focus property that also Im mocking.

Describe('some test', () => {

  let spyWindowOpen;

Alexisvt

Docker and Kubernetes commands

Docker commands

This build an image base on a Dockerfile and assign a tag to it and a version number

docker build -t custom/tag:0.0.1 .

Create and start a container based on the provided image id or tag

Alexisvt

Little guide about how to setup a Vite VueJS project with TypeScript, TailwindCSS, ESLint and Prettier support.

Initialize the project

Run this command

yarn create vite <my-awesome-project> --template vue-ts

This will create a VueJS project with TypeScript support, but it doesn't add the configuration for Prettier or Eslint, let's add that.

Alexisvt

Notes about npm and Yarn v1

How to install packages globally

For yarn use this command

yarn global add <package_name>

For npm use this instead

Alexisvt

keep-open=yes
reset-on-next-file=pause
geometry=50%x50%
pause

Alexisvt

Proto3 Cheat Sheet

Information From: https://developers.google.com/protocol-buffers/docs/proto3

A few rules

• Declaring Message In Protocol Buffer:

• As you can see, each field in the message definition has a unique number.

• Field numbers identify fields in message binary format. Should not be changed once message is in use

Alexisvt

List of useful go commands

go help

Display useful information about the different commands available. If we need more information about an specific command, type:

# Where [command] can be any of the available commands
go help [command]