Skip to content

Instantly share code, notes, and snippets.

Avatar

Claudio Orlandi csorlandi

View GitHub Profile
View uiashdaiuhsda.js
function handleTaskSelected(id) {
setTodoList(
todoList.map(todo => ({
...todo,
checked: todo.id === id ? !todo.checked : todo.checked,
})
);
}
<input type="checkbox" onChange={() => handleTaskSelected(todo.id)} className={`${todo.checked && 'checked'}`} />
View codigo-pros-lerdinho.jsx
export default function Form() {
const [todoList, setTodoList] = useState([]);
const [todo, setTodo] = useState('');
useEffect(() => {
const formattedTodoList = JSON.stringify(todoList);
localStorage.setItem('fiscais:todoList', formattedTodoList);
}, [todoList]);
function handleAddTodo(e) {
View ReactotronConfig.js
import { NativeModules } from 'react-native';
import Reactotron from 'reactotron-react-native';
if (__DEV__) {
const { scriptURL } = NativeModules.SourceCode;
const scriptHostname = scriptURL.split('://')[1].split(':')[0];
const tron = Reactotron.configure({ host: scriptHostname })
.useReactNative()
.connect();
@csorlandi
csorlandi / README-TEMPLATE.md
Created Jul 10, 2020 — forked from tgmarinho/README-TEMPLATE.md
Template sugestivo para documentação de projetos
View README-TEMPLATE.md

Titulo ou Arte do Projeto

@csorlandi
csorlandi / settings.json
Created Jun 2, 2020 — forked from diego3g/settings.json
✏️ Minha config do VSCode atualizada
View settings.json
{
"terminal.integrated.fontSize": 14,
"workbench.iconTheme": "material-icon-theme",
"workbench.startupEditor": "newUntitledFile",
"editor.tabSize": 2,
"editor.fontSize": 18,
"editor.lineHeight": 26,
"editor.fontFamily": "Fira Code",
View settings.json
{
"workbench.colorTheme": "Dracula",
"terminal.integrated.fontSize": 14,
"workbench.iconTheme": "material-icon-theme",
"workbench.startupEditor": "newUntitledFile",
"editor.tabSize": 2,
"editor.fontSize": 14,
"editor.lineHeight": 24,
"editor.fontFamily": "Fira Code",
"editor.fontLigatures": true,
View upload.js
const imagesData = new FormData();
images.forEach((image, index) => {
imagesData.append('image', {
uri: image.uri,
type: 'image/jpeg',
name: `${newRealtyResponse.data.title}_${index}.jpg`
});
});
View vscode-intellisense-problem.md

Vou tentar explicar como o VSCode funciona e quais os prováveis motivos que podem gerar esse problema:

O VSCode funciona com um Typescript Server por trás, então independente da aplicação e do código que você está rodando ele vai passar por esse server para ser possível gerar esse IntelliSense, e sempre que você for rodar ele vai tentar pegar a lib de Tipagem para aquela lib, por exemplo, rodando uma aplicação Node com Express, esse Server vai tentar usar o @types/express para gerar o IntelliSense dele.

E o primeiro problema pode ser com esse quesito, pois ele pode estar tentando pegar as tipagens das libs do seu projeto mas não está conseguindo encontrar, e isso você pode verificar reparando se sobre as libs que você faz import no projeto aparece um tracejado branco, e a mensagem de erro que apresenta quando você passa o mouse sobre ela diz que não conseguiu encontrar a tipagem. Para resolver isso tente executar o VSCode como Administrador, ou caso esteja no Linux tente dar permissão para o usuário ou pa

@csorlandi
csorlandi / tetris.js
Created Apr 8, 2020 — forked from Santiael/tetris.js
código de tetris criado durante a live
View tetris.js
const canvas = document.getElementById('board');
const ctx = canvas.getContext('2d');
ctx.scale(36, 36);
const piece = {
x: 3,
y: 0,
matrix: [
[0, 0, 0],
View docker.sh
docker run --name mongo -d -p 27017:27017 -p 28017:28017 -e ALLOW_EMPTY_PASSWORD=no MONGODB_USERNAME=docker MONGODB_PASSWORD=docker MONGODB_DATABASE=docker bitnami/mongodb:latest