Skip to content

Instantly share code, notes, and snippets.

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

Leonardo Santos lcds90

🏳️‍🌈
View GitHub Profile
@lcds90
lcds90 / .bash_aliases
Created August 26, 2021 21:54
Bash Alias
#Apos inserir o atalho desejado execute esse comando
alias updateAlias='source ~/.bashrc'
#Atalho para limpar
alias cls='clear'
#Config teclado
alias keyboard='setxkbmap -model abnt -layout us -variant intl'
#Criacao de app react automatica
react(){
@lcds90
lcds90 / index.js
Created August 27, 2021 05:01
explanation_redux
import { Provider } from 'react-redux';
import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
import store from './redux/store';
ReactDOM.render(
<React.StrictMode>
<Provider store={store}>
<App />
@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"
},
@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 / 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 / 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 / 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 / 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 / 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>