joeyjiron06

Vitest + Jsdom + React Testing Library

TLDR; very quick setup to add vitest, jsdom and react testing library

install dependencies

pnpm i --save-dev vitest jsdom @testing-library/react @testing-library/jest-dom

joeyjiron06

Vite + Typescript import aliases

This is how you add import aliases in a vite project that uses Vite.

It requires you to update both your tsconfig file as well as your vite config so that vite knows how to import the aliases.

tsconfig.jcon

{

joeyjiron06

React Context + Reducer + Typescript

I followed the recommendation provided by the react docs that suggest how to use a reducer in conjuction with context.

There is a lot of boiler plate just to add 1 action and a reducer that handles the action.

Before

This is what it looks like before my simplified API, which at first glance doesn't look bad for small demo apps, but quickly adds up over time.

joeyjiron06

Adding ESLint to Vite

Adds typescript support for ESLint, prettier integration for better code formatting and eslint-plugin-jsx-a11y for accesibility errors.

pnpm i --save-dev eslint @typescript-eslint/parser eslint-plugin-jsx-a11y eslint-plugin-prettier eslint-config-prettier

ESLint config

joeyjiron06

Astro + Static HTML Setup

These are the commands i use to setup and Astro static html website with all the tools i like using pnpm

create new astro project

pnpm create astro@latest

install eslint and plugins

joeyjiron06

{
  "env": {
      "browser": true,
      "es2021": true
  },
  "extends": [
      "airbnb",
      "airbnb/hooks"
  ],
  "rules": {

joeyjiron06

Ping (Node JS)

Ping a simple tcp socket and return a promise that let's you konw if the address is a alive or not.

joeyjiron06

const readline = require("readline");


/**
 * Writes a certain percentage number to the node js console
*/
const writePercentate = percentage => {
  readline.clearLine(process.stdout, 0);
  readline.cursorTo(process.stdout, 0);
  process.stdout.write(`loading... ${percentage}%`);

joeyjiron06

const Couchbase = require('couchbase');
const Promise = require('bluebird');

class Bucket {
  constructor(options) {
    this.options = options;
  }

  async connect() {
    const {

joeyjiron06

KafkaDocker

A simple nodejs wrapper around starting and stopping kafka locally. Can be used for test suites or just running against your service locally.

Example Usage

const KafkaDocker = require('./kafkaDocker');

const KAFKA_TOPIC = 'test';