rickyalmeidadev

import React, { useEffect, useState } from 'react'
import axios from 'axios'
import Debugger from './Debugger'

function App() {
  const [json, setJson] = useState(null)

  useEffect(() => {
    axios.get('url').then(response => {
      setJson(response.data)

rickyalmeidadev

yarn create vite

rickyalmeidadev

module.exports = {
  transform: {
    '^.+\\.(t|j)sx?$': [
      '@swc/jest',
      {
        jsc: {
          parser: {
            syntax: 'ecmascript',
            jsx: true,
          },

rickyalmeidadev

module.exports = {
  transform: {
    '\\.svg$': '<rootDir>/__mocks__/svg-transformer.js',
  },
}

rickyalmeidadev

import nookies from 'nookies'

class ServerSideAuth {
  static #key = 'token'

  static #cookies = nookies

  static #isAuthenticated = token => {
    const response = fetch('http://localhost:3000/api/me', {
      headers: {

rickyalmeidadev

import {Router} from 'next/router'
import NProgress from 'nprogress'

NProgress.configure()

Router.events.on('routeChangeStart', () => NProgress.start())
Router.events.on('routeChangeComplete', () => NProgress.done())
Router.events.on('routeChangeError', () => NProgress.done())

rickyalmeidadev

new Array().forEach.call(document.querySelectorAll('*'), element => {
  if (element.offsetWidth > document.documentElement.offsetWidth) {
    console.log(element)
  }
})

rickyalmeidadev

const getPrefersColorScheme = () => {
  if ('matchMedia' in window) {
    const isDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
    return isDark ? 'dark' : 'light';
  }

  return 'light';
};

export default getPrefersColorScheme;

rickyalmeidadev

const fn = (string: string /* yyyy-mm-dd */): Date => {
  const [year, month, day] = string.split('-').map(Number);
  const date = new Date(year, month - 1, day);
  return date;
};

rickyalmeidadev

import type { RootState } from '@app/store';

declare module 'react-redux' {
  export function useSelector<TState = RootState, TSelected = unknown>(
    selector: (state: TState) => TSelected,
    equalityFn?: (left: TSelected, right: TSelected) => boolean,
  ): TSelected;
}