Skip to content

Instantly share code, notes, and snippets.

View pedro-henrique-a-silva's full-sized avatar

Pedro Henrique pedro-henrique-a-silva

15 followers · 20 following
View GitHub Profile
@pedro-henrique-a-silva
pedro-henrique-a-silva / react-interview.md
Created November 29, 2023 19:52 — forked from bgoonz/react-interview.md

Table of Contents

No. Questions
Core React
1 What is React?
2 [What are the major features of React?](#what-are-the
@pedro-henrique-a-silva
pedro-henrique-a-silva / sequelize-cheatsheet.md
Created November 29, 2023 19:50 — forked from bgoonz/sequelize-cheatsheet.md
sequelize-cheat-sheetmd

Sequelize Cheatsheet

Command Line

Sequelize provides utilities for generating migrations, models, and seed files. They are exposed through the sequelize-cli command.

Init Project

$ npx sequelize-cli init
@pedro-henrique-a-silva
pedro-henrique-a-silva / queries-2-3-ch33.sql
Created October 20, 2023 02:06 — forked from isaacbatst/queries-2-3-ch33.sql
Queries executadas na aula BE 2.3 da turma 33 da Trybe
-- Encontre o ator Johnny Cage
SELECT * FROM sakila.actor
WHERE first_name = 'JOHNNY' AND last_name = 'CAGE';
-- Encontre os filmes que podem ser alugados exatamente por 6 dias
SELECT title, rental_duration FROM sakila.film
WHERE rental_duration = 6
-- Encontre os filmes de classificação R que podem ser alugados exatamente por 6 dias
SELECT title, rental_duration, rating from SAKILA.FILM
@pedro-henrique-a-silva
pedro-henrique-a-silva / psel_front.md
Created October 10, 2023 21:50 — forked from nunesfb/psel_front.md
Processo Seletivo Simulado - Frontend - Trybe

Desafio React: transforme dados em notícias e acelere a sua carreira! - Teste Técnico 👩‍💻👨‍💻

⚠️ ATENÇÃO: Essa descrição é apenas um template, faça o Fork desta GIST ⚠️

Como vai funcionar? 🤔

  • Vocês receberão o desafio para a criação da página. O desafio tem um baixo nível de direcionamento, o que é bem comum em processos seletivos e no mercado de trabalho. Ou seja, essa é uma excelente chance de colocar em prática as suas habilidades e se preparar para desafios técnicos!
  • Vocês terão 10 dias para completar o desafio. Como o nosso objetivo é preparar vocês para o mercado, não ofereceremos suporte do time de instrução. Portanto, usem e abusem do StackOverflow, Google e Chat GPT!
  • Após a finalização do prazo, cada projeto será avaliado individualmente de forma assíncrona. Vocês terão acesso a todos os feedbacks do nosso time técnico: desde avaliação funcional a sugestões de clean code.
@pedro-henrique-a-silva
pedro-henrique-a-silva / default_readme.md
Created September 4, 2023 18:12 — forked from programadorEmerson/default_readme.md
Default Readme de projetos

Título do Projeto

Descrição

Este repositório está em construção. Aqui você encontrará [breve resumo do projeto ou curso] e seus componentes.

Conteúdo

@pedro-henrique-a-silva
pedro-henrique-a-silva / README.md
Created September 4, 2023 17:27 — forked from arthurproc/README.md
Configrando RTL com vite + vitest

Configurando Vitest + RTL + Typescript

  • Criar uma nova aplicação Vite se ainda não foi criada npm create vite@latest

Siga os passos para criar uma aplicação React com TS.

  • Instalar as dependências necessárias
npm i -D vitest jsdom @testing-library/jest-dom @testing-library/react @testing-library/user-event
@pedro-henrique-a-silva
pedro-henrique-a-silva / README.md
Created September 4, 2023 17:27 — forked from arthurproc/README.md
Resumão Typescript + React

Typescript + React

Criando e configurando um novo projeto

Siga estes passos para criar um novo projeto com Typescript e React utilizando Vite.

  1. Criar o projeto



  


  




    


          
    

      

        
        

          

              @pedro-henrique-a-silva
          

          

            
                pedro-henrique-a-silva
                / README.md
            
            

              Created
              September 4, 2023 17:26
                — forked from arthurproc/README.md
            

              
                Jest - Formas de fazer um mock do fetch
              
          

        

      

        

  

      

    
Como fazer um mock do fetch


Nos exemplos abaixo, substitua valorRetornadoPelaAPI pelo valor o qual você deseja que a API retorne ao realizar o fetch.


Mock manual




⚠️ Dessa forma não será possível utilizar um expect para verificar por exemplo se a função fetch foi chamada durante o seu teste.







  


  




    


          
    

      

        
        

          

              @pedro-henrique-a-silva
          

          

            
                pedro-henrique-a-silva
                / typescript.md
            
            

              Created
              June 29, 2023 19:56
                — forked from nunesfb/typescript.md
            

          

        

      

        

  

      

    
Typescript + React


Criando e configurando um novo projeto


Siga estes passos para criar um novo projeto com Typescript e React utilizando Vite.


    

  1. Criar o projeto
    2. 






  


  




    


          
    

      

        
        

          

              @pedro-henrique-a-silva
          

          

            
                pedro-henrique-a-silva
                / ichoveu.md
            
            

              Created
              June 27, 2023 17:57
                — forked from nunesfb/ichoveu.md
            

          

        

      

        

  

      

    
Projeto IChoveu 🌧️


⚠️  ATENÇÃO: Esse checklist é apenas um template. Para replicar realize o fork deste gist! ⚠️


1. O que preciso saber para fazer o projeto? 🤔


Neste projeto, você desenvolverá um site de previsão do tempo!


Para isso, vai consumir dados diretamente de uma API. 🤩


Nesse projeto, o layout já está pronto, no entanto, se quiser deixar seu projeto com sua cara, você poderá usar o Figma para criar um layout personalizado com base no protótipo que preparamos para você.