Luís Felipe de Olivera luisfelipe-dev

## gist:fc17c9d924642cbee794e2dc51ff4e05
{% assign product_json = product | json %}
<pre>{{ product_json }}</pre>

## Countdown React
import { useEffect, useState } from 'react';

export type useCountdownProps = {
    targetDate: any;
    countDown: any;
  }

const useCountdown = (targetDate: any) => {
  const countDownDate = new Date(targetDate).getTime();

## gist:40d59879ec32c52773e727f69b475946
console.log(new Intl.NumberFormat('pt-BR', { style: 'currency', currency: 'BRL' }).format(money));

## Next.js - Router Push with params
onClick={() =>
  Router.push(
    {
      pathname: 'url',
      query: {
        status: 'status-query'
      }
    },
    'url'
  )

## index.html
<table className="rwd-table">
          <tr>
            <th>Movie Title</th>
            <th>Genre</th>
            <th>Year</th>
            <th>Gross</th>
          </tr>
          <tr>
            <td data-th="Movie Title">Star Wars</td>
            <td data-th="Genre">Adventure, Sci-fi</td>

## Class SCSS Responsive Table
.rwd-table {
        margin: 1em 0;
        width: 100%;
        background: #34495e;
        color: #fff;
        border-radius: 0.4em;
        overflow: hidden;

        tr {
          border-top: 1px solid #ddd;

## ONLY H1 PAGE
.logo_text {
    position: absolute;
    left: -99px;
    top: -99px;
    text-indent: -9999px;
}

## Object to Array in Javascript
const user = {
  name: "Luís Felipe"
  age: "28",
  ocupation: "Front-end"
}

const userArray = Object.values(user)

console.log(userArray)

## Header Scroll React
const headerElement = useRef(null);

useEffect(() => {
 window.onscroll = () => {
 const headerScrollPosition = headerElement.current.scrollTop + headerElement.current.clientHeight;

 if (window.scrollY >= headerScrollPosition) {
 setScrolled(true);
 } else {
 setScrolled(false);

## Sass Minify Comand
sass --watch style.scss:styles/style.min.css --style compressed
	{% assign product_json = product \| json %}
	<pre>{{ product_json }}</pre>
	import { useEffect, useState } from 'react';

	export type useCountdownProps = {
	targetDate: any;
	countDown: any;
	}

	const useCountdown = (targetDate: any) => {
	const countDownDate = new Date(targetDate).getTime();
	onClick={() =>
	Router.push(
	{
	pathname: 'url',
	query: {
	status: 'status-query'
	}
	},
	'url'
	)
	<table className="rwd-table">
	<tr>
	<th>Movie Title</th>
	<th>Genre</th>
	<th>Year</th>
	<th>Gross</th>
	</tr>
	<tr>
	<td data-th="Movie Title">Star Wars</td>
	<td data-th="Genre">Adventure, Sci-fi</td>
	.rwd-table {
	margin: 1em 0;
	width: 100%;
	background: #34495e;
	color: #fff;
	border-radius: 0.4em;
	overflow: hidden;

	tr {
	border-top: 1px solid #ddd;
	.logo_text {
	position: absolute;
	left: -99px;
	top: -99px;
	text-indent: -9999px;
	}
	const user = {
	name: "Luís Felipe"
	age: "28",
	ocupation: "Front-end"
	}

	const userArray = Object.values(user)

	console.log(userArray)
	sass --watch style.scss:styles/style.min.css --style compressed