Ramil koderhun

💙

React development

My work HTML & CSS

koderhun / useDebounce.js

Created November 7, 2022 06:47

Задержка для выполнения запроса на сервер. Чтобы не перегружать слишком частыми запросами при вводе данных в поле.

	import { useEffect, useState } from 'react'

	export const useDebounce = (value, delay) => {
	const [debounced, setDebounced] = useState(value)

	useEffect(() => {
	const handler = setTimeout(() => setDebounced(value), delay)
	return () => clearTimeout(handler)
	}, [value, delay])

koderhun / type.js

Created February 25, 2020 04:10 — forked from ufocoder/type.js

	function type(value) {
	var regex = /^\[object (\S+?)\]$/;
	var matches = Object.prototype.toString.call(value).match(regex) \|\| [];

	return (matches[1] \|\| 'undefined').toLowerCase();
	}

koderhun / config-overrides.js

Created February 5, 2020 09:28

Less config for CRA and Ant Design

	const rewireLess = require('react-app-rewire-less');

	module.exports = function override(config, env) {

	config = rewireLess.withLoaderOptions({
	javascriptEnabled: true,
	})(config, env);

	return config;
	};

koderhun / header scroll fixed

Created January 17, 2020 14:04

Фиксация header при обратной прокрутке.

	$(window).on("scroll", function() {
	var fromTop = $(document).scrollTop();

	if (docPos > fromTop) {
	$body.toggleClass("header-fix", fromTop > 20);
	} else {
	$body.removeClass("header-fix");
	}

	if (fromTop > 105) {