Skip to content
View gabrielmlinassi's full-sized avatar
🏠
Working from home
🏠
Working from home

Block or report gabrielmlinassi

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Please don't include any personal information such as legal names or email addresses. Maximum 100 characters, markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
gabrielmlinassi/README.md

Hey there

Frontend Web Developer with a BS in Computer Science and 6 years of experience. Proficient in JavaScript, TypeScript, React, and Next.js and currently expanding my knowledge of Node and React Native, aiming to become a Full-Stack developer.

Pinned Loading

  1. gym-lp gym-lp Public

    Site built with NextJS, NextAuth, Framer Motion, TailwindCSS, RadixUI, etc. https://peak-strength-lp.vercel.app/

    TypeScript

  2. useMediaQuery & useBreakpoints hooks... useMediaQuery & useBreakpoints hooks for handling conditional rendering on multiple breakpoints (Adapted for Next.js)
    1
    // -------------------------
    2
    // useMediaQuery
    3
    
                  
    4
    import { useState, useEffect, useLayoutEffect } from "react";
    5
    
                  
  3. How to implement debounce How to implement debounce
    1
    // #1. With a controlled input
    2
    import { useState, useEffect } from 'react';
    3
    const debounce = require("lodash.debounce");
    4
    
                  
    5
    function SearchBar({ onSearch, wait = 500 }) {
  4. workaround aspect-ratio safari workaround aspect-ratio safari
    1
    import { useRef, useEffect, useState } from "react";
    2
    
                  
    3
    export default function Test() {
    4
      const [height, setHeight] = useState(0);
    5
      const ref = useRef<HTMLDivElement>(null);
  5. GraphQL with Vanilla JavaScript GraphQL with Vanilla JavaScript
    1
    const api = axios.create({
    2
      baseURL: "xxx/graphql",
    3
      method: "POST",
    4
      headers: { "Content-Type": "application/json" },
    5
    });