luisfelipe-dev

{% assign product_json = product | json %}
<pre>{{ product_json }}</pre>

luisfelipe-dev

import { useEffect, useState } from 'react';

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

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

luisfelipe-dev

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

luisfelipe-dev

onClick={() =>
  Router.push(
    {
      pathname: 'url',
      query: {
        status: 'status-query'
      }
    },
    'url'
  )

luisfelipe-dev

<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>

luisfelipe-dev

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

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

luisfelipe-dev

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

luisfelipe-dev

const user = {
  name: "Luís Felipe"
  age: "28",
  ocupation: "Front-end"
}

const userArray = Object.values(user)

console.log(userArray)

luisfelipe-dev

const headerElement = useRef(null);

useEffect(() => {
 window.onscroll = () => {
 const headerScrollPosition = headerElement.current.scrollTop + headerElement.current.clientHeight;
 
 if (window.scrollY >= headerScrollPosition) {
 setScrolled(true);
 } else {
 setScrolled(false);

luisfelipe-dev

sass --watch style.scss:styles/style.min.css --style compressed