alex-boom’s gists

alex-boom / clone-object.js

Created February 4, 2022 14:04

clone object 4 methods

	// 4 способа копирования объектов:

	const food = { body: { a: 10 }, beef: '3', bacon: '4', say() { console.log('hi') } }

	// "Spread" не глубокая копия c методами
	{ ...food }
	// RESULT:
	// { body: {a: 70}, beef: '3', bacon: '4', say() { console.log('hi') } }

alex-boom / hook-css-variables.js

Last active December 21, 2021 15:17

hook css variables

	//https://codesandbox.io/s/usetheme-forked-3zp4j?file=/src/index.js

	import React, { useState } from 'react';
	import ReactDOM from 'react-dom';

	/*
	style.scss

	@mixin variable($variable, $property, $fallback) {
	// Fallback for browsers that don't support css vars

alex-boom / jsconfig.json

Created November 23, 2021 13:34

absolute paths Visual Studio Code

	// подключение абсолютных путей для Visual Studio Code. Файл jsconfig.json создать и положить в корень проекта

	{
	"compilerOptions": {
	"baseUrl": "./src"
	},
	"exclude": [
	"node_modules",
	"*/node_modules/"
	]

alex-boom / makeVar-apollo.js

Last active November 19, 2021 16:32

makeVar Apollo

	// Инициализация переменной в корне(если инитить в компоненте или в любой обертке функции работать не будет)

	export const translationInterface = makeVar({});

	/****************************/
	// в компоненте получаем данные из query и кладем в рективную переменную
	import { translationInterface } from "../../../graphql/cache";


	// SET dataQueryTranslation to reactive variable

alex-boom / is-empty.js

Last active October 22, 2021 12:29

is-empty

	//Чтобы проверить, является ли строка пустой, null или undefined:

	function isEmpty(str) {
	return (!str \|\| 0 === str.length);
	}

	//Для проверки пустой строки, null или undefined:

	function isBlank(str) {
	return (!str \|\| /^\s*$/.test(str));

alex-boom / hex-color.js

Created September 16, 2021 12:13

	const hexToRgb = (hex, type = "string") => {

	if (!hex)
	{
	return false
	}

	let result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);

	if (type === "string")

alex-boom / utils-react-example-return-obj.js

Last active September 1, 2021 08:34

	//удобная организация методов с последующим их добавлением в один объект



	//method_1
	const method_1 = (param) => {

	const someCode = param === param;

	return { someCode };

alex-boom / animated-counter.html

Last active August 13, 2021 15:47

animated-counter

	// ресурс где можно посмотреть https://jsfiddle.net/2v3mq3nh/4/
	<!DOCTYPE html>
	<html lang="en">

	<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	<style>

alex-boom / union-arrays.js

Created March 12, 2021 15:59

	const arrs = [
	["General Fitness", "Health & Fitness"],
	["Cardiovascular", "Meditation"],
	["Health & Fitness", "Cardiovascular", "General Fitness"],
	["Cardiovascular"]
	];

	const result = [...new Set([].concat(...arrs))];
	console.log(result);

alex-boom / service-component-local-state.js

Created March 10, 2021 17:38

	import React, { useState } from "react";

	import { Button, Modal } from "antd";

	const EditModal = ({ children, nameBtn = 'Button', titleModal = 'Modal Title' }) => {

	const [ modalVisible, setModalVisible ] = useState(false);

	return (
	<>

Alexandr alex-boom