Skip to content

Instantly share code, notes, and snippets.

View lcds90's full-sized avatar
🏳️‍🌈

Leonardo Santos lcds90

🏳️‍🌈
198 followers · 310 following
View GitHub Profile
@lcds90
lcds90 / README.md
Created July 24, 2022 00:46
Links Úteis - UX/UI
@lcds90
lcds90 / nuxt.config.ts
Last active July 23, 2022 23:36
[FIX] Nuxt3 - Hot Reload
import { defineNuxtConfig } from 'nuxt'
export default defineNuxtConfig({
/* ... */
vite: {
server: {
watch: {
usePolling: true
}
}
@lcds90
lcds90 / index.html
Last active April 25, 2022 00:13
GoJS - Concepts
<body>
<div
id="myDiagramDiv"
style="border: solid 1px blue; width:400px; height:150px">
</div>
<script src="https://unpkg.com/gojs/release/go-debug.js"></script>
<script src="./script.js"</script>
</body>
@lcds90
lcds90 / README.md
Last active November 2, 2021 21:40
Apresentação - GIST
@lcds90
lcds90 / GRID.md
Last active November 3, 2021 14:52
Responsive CSS Tricks

CSS Grid

Introdução

Antigamente um dos maiores desafios relacionado ao desenvolvimento web se tratava na construção de layouts, conforme o tempo foi avançado várias abordagens (hoje isso se chama gambiarra) foram sendo utilizadas, tendo métodos desde da utilização com tabelas, floats, com a propriedade position e display block, inline-block e assim por diante. Agora imagine o trabalho não só para construir mas para quando quisesse fazer alguma alteração no layout, a responsabilidade poderia estar no elemento HTML ou divido em várias seções no CSS, com isso tudo foi gerado a grande fama de dificuldade que se tem como trabalhar com CSS.

@lcds90
lcds90 / localStorage.js
Created October 2, 2021 05:46
Local Storage JSON parse e stringify
// Funções prontas para guardar e resgatar itens no localStorage.
export const saveLocalStorage = (key, payload) => {
localStorage.setItem(key, JSON.stringify(payload));
};
export const getLocalStorage = (key) => JSON
.parse(localStorage.getItem(key));
@lcds90
lcds90 / welcomeMessage.js
Created October 2, 2021 05:01
Welcome Greeting Message based on time
const welcomeMessage = () => {
const hour = new Date().getHours();
const message = {
morning: 'Bom dia',
afternoon: 'Boa tarde',
evening: 'Boa noite',
default: 'Olá',
};
if (hour >= 6 && hour <= 12) return message.morning;
@lcds90
lcds90 / script.js
Created September 15, 2021 15:38
Pesquisa de pull requests personalizada
const baseUrlGit = 'https://api.github.com';
const fetchGithubPulls = async (user, repository) => {
/* Estrutura do protocolo HTTP Get de pesquisa em issues
Url SITE
https://github.com/search?q=user%3Atryber+lcds90&type=issues
Url API
https://api.github.com/search/issues?q=author:lcds90%20is:pr%20user:tr
https:// = Protocolo HTTP Hyper Text Transfer Protocol Secure
api.github.com = hostname
search = rota / caminho com endpoint como é utilizado no mecanismo de busca padrão do Github
@lcds90
lcds90 / Login.js
Last active September 13, 2021 19:44
Utilização do css modules no React
// importa em variavel
import style from './Login.module.css';
// podemos desestruturar através { form, input }, mas isso é opcional
const Login = () => {
// utilizado dinamicamente atraves da prop da className, o legal é que podemos realizar condições para aplicar determinada classe
const isValidated = true;
return (
<form className={ style.form }>
<input
@lcds90
lcds90 / manifest.json
Last active October 6, 2021 13:04
Arquivo de manifesto para extensao utilizando React
{
"short_name": "Todo Extension",
"name": "Todo List and Trybe Integration",
"version": "1.0",
"description": "Uma nova guia para concetrar estudos",
"author": "Leonardo Santos",
"manifest_version": 2,
"browser_action": {
"default_title": "Todo Extension"
},