isBatak

$(document).ready(function() {
 
  // Product slider
  var $sliderFilters = $('.js-products-slider-filter > li');
  var $productsSliderNavigation = $('.js-products-slider-nav');
  var $productsSliderPreview = $('.js-products-slider-preview');

  initSliders();

  function initSliders() {

isBatak

import Link from 'next/link'
import Head from 'next/head'

export default class Layout extends React.Component {
  componentDidMount() {
    console.log('mount');
  }
  componentWillUnmount() {
    console.log('unmount');
  }

isBatak

// utils/env.ts

export const isBrowser = !!(typeof window !== 'undefined' && window.document && window.document.createElement);
export const isServer = !isBrowser;

isBatak

import React, { createContext, useState, useMemo, useContext, cloneElement, isValidElement, FC } from 'react';

import useConstant from '../../../hooks/useConstant';

type TabStateContext = [number, React.Dispatch<React.SetStateAction<number>>];

interface ITabsProps {
	state?: TabStateContext;
}

isBatak

UI Components

When adding UI components, you should be able to group them in two root domains:

1. pages - page scope based components
2. shared - components that are shared all across the app

Folder naming rules:

1. kebab-case folder name indicates domain name

isBatak

export interface ICodeEditorProps {
	children: ReactNode;
	className?: string;
	path?: string;
	code?: string;
	isLive?: boolean;
	title?: string;
	lang?: Language;
}