santospatrick

Profile	download (kb/s)	upload (kb/s)	latency (ms)
Native	0	0	0
GPRS	50	20	500
56K Dial-up	50	30	120
Mobile EDGE	240	200	840
2G Regular	250	50	300
2G Good	450	150	150
3G Slow	780	330	200

santospatrick

{"name":"Udemy Profile","settings":"{\"settings\":\"{\\n    // Window\\n    \\\"window.zoomLevel\\\": 1,\\n\\n    // Editor\\n    \\\"editor.cursorBlinking\\\": \\\"solid\\\",\\n    \\\"editor.fontSize\\\": 14,\\n    \\\"editor.minimap.enabled\\\": false,\\n    \\\"editor.codeActionsOnSave\\\": {\\n        \\\"source.fixAll.eslint\\\": true,\\n    },\\n    \\\"editor.detectIndentation\\\": true,\\n    \\n    // Workbench\\n    \\\"workbench.editor.enablePreviewFromQuickOpen\\\": false,\\n    \\\"workbench.editor.enablePreview\\\": false,\\n    \\\"workbench.colorTheme\\\": \\\"Dracula\\\",\\n    \\\"workbench.iconTheme\\\": \\\"material-icon-theme\\\",\\n\\n    // Git Project Manager\\n    \\\"gitProjectManager.openInNewWindow\\\": true,\\n    \\\"gitProjectManager.checkRemoteOrigin\\\": false,\\n    \\\"gitProjectManager.maxDepthRecursion\\\": 1,\\n    \\\"gitProjectManager.baseProjectsFolders\\\": [\\n        \\\"~/Developer\\\"\\n    ],\\n    \\\"gitProjectManager.ignoredFolders\\\": [\\n        \\\"node_m

santospatrick

{"name":"Patrick's Profile","settings":"{\"settings\":\"{\\n    // Workbench\\n    \\\"workbench.startupEditor\\\": \\\"none\\\",\\n    \\\"workbench.colorTheme\\\": \\\"Dracula\\\",\\n    \\\"workbench.iconTheme\\\": \\\"material-icon-theme\\\",\\n    \\\"workbench.editor.enablePreviewFromQuickOpen\\\": false,\\n    \\\"workbench.editor.enablePreview\\\": false,\\n    \\\"workbench.colorCustomizations\\\": {\\n        \\\"statusBar.debuggingBackground\\\": \\\"#45C8FE\\\"\\n    },\\n\\n    // Editor\\n    \\\"editor.cursorBlinking\\\": \\\"solid\\\",\\n    \\\"editor.minimap.enabled\\\": false,\\n    \\\"editor.wordWrap\\\": \\\"on\\\",\\n    \\\"editor.rulers\\\": [\\n        120\\n    ],\\n    \\\"editor.fontSize\\\": 14,\\n    \\\"editor.detectIndentation\\\": true,\\n    \\\"editor.acceptSuggestionOnCommitCharacter\\\": false,\\n    \\\"editor.codeActionsOnSave\\\": {\\n        \\\"source.fixAll.eslint\\\": true,\\n    },\\n    \\\"editor.quickSuggestionsDelay\\\": 100,\\n    \\\"editor.accessibilitySupp

santospatrick

// ===================
// Typescript Exercises
// ===================
// Utility types: https://www.typescriptlang.org/docs/handbook/utility-types.html

// Reference: https://pokeapi.co/api/v2/pokemon?limit=10
type Pokemon = unknown

const bulbasaur: unknown = {
    name: 'bulbasaur',

santospatrick

// .hyper.js
// See https://hyper.is#cfg for all currently supported options.
// After installing hyper, run the following:
// hyper i hyper-dracula hypercwd hyper-active-tab

module.exports = {
  config: {
    fontSize: 18,
    fontFamily: '"Meslo LG M for Powerline", Menlo, "DejaVu Sans Mono", Consolas, "Lucida Console", monospace',
    fontWeight: 'normal',

santospatrick

References:

• https://ant.design/docs/react/customize-theme
• https://github.com/santospatrick/cra-antd-theme
• https://github.com/ant-design/ant-design/blob/master/components/style/themes/default.less

A Simple Signin Form

Signin Form	Signin Form as components

santospatrick

#!/usr/bin/env bash

# 1. Run this script file
# bash <(curl -Ls https://bit.ly/3swaoUr)

# Homebrew & Apps
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
echo 'eval "$(/opt/homebrew/bin/brew shellenv)"' >> /Users/$USER/.zprofile
eval "$(/opt/homebrew/bin/brew shellenv)"
brew update

santospatrick

// ===================
// Array Exercises
// ===================

// Reference: https://pokeapi.co/api/v2/pokemon?limit=10
const arr = [
  {
    name: 'bulbasaur',
    url: 'https://pokeapi.co/api/v2/pokemon/1/',
    base_experience: 64,

santospatrick

// Sagas
import { call, put } from 'redux-saga/effects'
import api from 'services/api'

export function* fetchUser(action) {
  const { data } = yield call(api.get, `/user/${action.id}`)
  yield put({ type: "@user/FETCH_SUCCEEDED", data })
}

// Thunks

santospatrick

// ------------------
// SomeComponent.js
// ------------------
function SomeComponent() {
    ...
    const getUser = id => {
      dispatch({ type: '@user/FETCH_REQUESTED', id })
    }
    ...
}