Skip to content

Instantly share code, notes, and snippets.

View React window change
import React, { useEffect, useState } from "react";
let App = () => {
const [windowWidth, setWindowWidth] = useState(0);
const [windowHeight, setWindowHeight] = useState(0);
let resizeWindow = () => {
Alimjanov-Ibragim / netlify.toml
Created Jul 30, 2020 — forked from rickyhaswifi/netlify.toml
React Router Netlify - Fix for not found page
View netlify.toml
from = "/*"
to = "/index.html"
status = 200
View Overflow scroll
@media (your-own-screen-restrictions) {
.react-tabs__tab-list {
display: block;
overflow-y: auto;
width: 100%;
white-space: nowrap;
Alimjanov-Ibragim /
Created Jun 17, 2020 — forked from Bhavdip/
Modify Sketch to never ending trial

###Sketch trial non stop

Open hosts files:

$ open /private/etc/hosts

Edit the file adding:
Alimjanov-Ibragim /
Created Jun 4, 2019 — forked from gaearon/
Modern JavaScript in React Documentation

If you haven’t worked with JavaScript in the last few years, these three points should give you enough knowledge to feel comfortable reading the React documentation:

  • We define variables with let and const statements. For the purposes of the React documentation, you can consider them equivalent to var.
  • We use the class keyword to define JavaScript classes. There are two things worth remembering about them. Firstly, unlike with objects, you don't need to put commas between class method definitions. Secondly, unlike many other languages with classes, in JavaScript the value of this in a method [depends on how it is called](
Alimjanov-Ibragim / fixed_header
Created Feb 24, 2019 — forked from MihailSerikov/fixed_header
Фиксированная шапка при прокрутке страницы
View fixed_header
Taken from
HTML разметка:
<div class="content">
Сюда вставляете очень много контента, для того чтобы появился вертикальный скролл...
Alimjanov-Ibragim / customize-scrollbar.css
Created Jan 22, 2019 — forked from spemer/customize-scrollbar.css
Customize website's scrollbar like Mac OS. Not supports in Firefox and IE.
View customize-scrollbar.css
/* Customize website's scrollbar like Mac OS
Not supports in Firefox and IE */
/* total width */
body::-webkit-scrollbar {
/* background of the scrollbar except button or resizer */
View Sandwich
.sandwich {
cursor: pointer;
display: none;
height: 20px;
position: relative;