gaboesquivel

Setup a Node.js project with Typescript, ESLint, Prettier, Husky

Starting a personal node project could be easy; starting a team node project could be challenging.

I am a developer currently working in SEEK Australia.

In my experience, common mistakes developer make when starting a projects are:

• No Linting

gaboesquivel

# .bash_profile is executed for login shells,
# .bashrc is executed for interactive non-login shells.
# We want the same behaviour for both, so we source .bashrc from .bash_profile.
# Also, when .bash_profile exists, bash ignores .profile, so we have to source
# it explicitly.

if [ -f "$HOME/.profile" ]; then
    . "$HOME/.profile"
fi

gaboesquivel

React Stack 2022

Essential

• Zustand state
• SWR / React-Query
• StandardJS linter config
• Apollo client
• React Hook Form
• Emotion styled components

gaboesquivel

Guides / Walkthroughs

Intro to Programming on Solana https://paulx.dev/blog/2021/01/14/programming-on-solana-an-introduction/

Intro to Anchor Framework https://project-serum.github.io/anchor/getting-started/introduction.html

Video

gaboesquivel

{"lastUpload":"2020-06-14T05:55:09.813Z","extensionVersion":"v3.4.3"}

gaboesquivel

  tsc-react-native git:(Sprint5_DEV) npm run android

> ConsumerApp_V1@0.0.1 android /Users/gaboesquivel/Code/tsc-react-native
> react-native run-android

warn Your project is using deprecated "rnpm" config that will stop working from next release. Please use a "react-native.config.js" file to configure the React Native CLI. Migration guide: https://github.com/react-native-community/cli/blob/master/docs/configuration.md
warn The following packages use deprecated "rnpm" config that will stop working from next release:
  - react-native-video: https://github.com/react-native-community/react-native-video#readme
  - realm: https://realm.io
Please notify their maintainers about it. You can find more details at https://github.com/react-native-community/cli/blob/master/docs/configuration.md#migration-guide.

gaboesquivel

• W3C Audio Working Group https://github.com/webaudio
• C++ program to generate waveform data and render waveform images from audio files https://waveform.prototyping.bbc.co.uk https://github.com/bbc/audiowaveform
• JavaScript HLS client using Media Source Extension https://github.com/video-dev/hls.js/
• wavesurfer.js is a customizable audio waveform visualization, built on top of Web Audio API and HTML5 Canvas. https://wavesurfer-js.org/
• convert an AudioBuffer to .wav format https://github.com/Jam3/audiobuffer-to-wav
• Waveforms for all audio https://www.waveform.al/
• Audio Data Transport Stream (ADTS) is a format, used by MPEG TS or Shoutcast to stream audio, usually AAC. https://wiki.multimedia.cx/index.php/ADTS
• MPEG transport stream https://en.wikipedia.org/wiki/MPEG_transport_stream
• A curated list of awesome WebAudio packages and resources. https://github.com/notthetup/awesome-webaudio
• A curated list about Audio Visualization. https://github.com/willianjusten/awesome-audio-visualization

gaboesquivel

Keybase proof

I hereby claim:

• I am gaboesquivel on github.
• I am gaboesquivel (https://keybase.io/gaboesquivel) on keybase.
• I have a public key whose fingerprint is F03B 0771 6E99 1DCA 5D27 05E4 9DD6 21A6 89FC DFF9

To claim this, I am signing this object:

gaboesquivel

import * as React from "react";
import { Button } from "semantic-ui-react";
import { getWallet } from '../services/wallet';
import { useGlobalState } from '../services/global-state';

const WalletView: React.SFC = () => {
  const setWallet = useGlobalState('wallet')[1];

  const connectWallet = async (walletIndex: number) => {
    const wallet = await getWallet(walletIndex);

gaboesquivel

  
const EosApi = require('eosjs-api')
const get = require('lodash.get')
const fetch = require('node-fetch')

// gets data from mainnet
const getBlockProducersData = async () => {
  const eos = EosApi({
    httpEndpoint: process.env.EOS_API_ENDPOINT,
    verbose: false