Skip to content

Instantly share code, notes, and snippets.

View jeferson-sb's full-sized avatar
🎯
focus

Jeferson S. Brito jeferson-sb

🎯
focus
View GitHub Profile
@jeferson-sb
jeferson-sb / README.md
Last active May 23, 2020 16:56
Deploy de aplicação Node.js e React utilizando Heroku + PostgreSQL + Netlify

Fala Dev's, beleza? Neste tutorial venho mostrar a vocês como vocês podem fazer o deploy da sua aplicação fullstack utilizando serviços como Heroku e Netlify. Além disso você ainda vai poder conectar a um banco de dados real em Postgres.

Importante Somente siga as instruções abaixo se já estiver com o projeto totalmente pronto e testado.

Tabela de Conteúdo

@jeferson-sb
jeferson-sb / useAxios.ts
Last active February 14, 2022 13:38
useAxios custom hook
import { useState, useCallback } from 'react'
import axios, { AxiosRequestConfig } from 'axios'
type HookOptions = {
baseURL?: string
beforeFetch?: (
value: AxiosRequestConfig<any>
) => AxiosRequestConfig<any> | Promise<AxiosRequestConfig<any>>
afterFetch?: (
value: AxiosRequestConfig<any>
import { openDB, deleteDB } from 'idb';
export const init = async ({ name, storeName, version }) => {
await openDB(name, version, {
upgrade(db, oldVersion, newVersion, transaction) {
const store = db.createObjectStore(storeName, {
autoIncrement: true,
});
},
});
@jeferson-sb
jeferson-sb / index.html
Last active September 13, 2023 11:40
HTML Starter Boilerplate (SEO enhanced)
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<title>Page Title less than 55 characters</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<meta name="author" content="John Doe">
<meta name="description" content="Description of the page less than 150 characters">
<meta name="theme-color" content="#303030">
<meta property="og:type" content="website">
@jeferson-sb
jeferson-sb / README.md
Last active April 7, 2022 20:55
Elixir - Control Flow

Diferente de linguagens tradicionais, Elixir já é capaz de fazer muito apenas fazendo pattern matching de pequenas funções com guard clauses de maneira declarativa. Além disso também fornece algumas estruturas de controle como veremos a seguir:

if and unless

if

if condition, do: "true", else: "false"
const useIntl = (languageCode: string) => {
/**
* @desc Matches a list of valid locales based on BCP-47 official list
*/
const getLanguageCode = (code: string | string[]) => {
try {
const locales = Intl.getCanonicalLocales(code)
return locales
} catch (error) {
console.error(error)