Pavel Ermakov pavermakov

🏠

Working from home

pavermakov / index.html

Created November 29, 2016 09:11

Simple loading animation ( Loading . . . )

pavermakov / index.html

Created November 29, 2016 09:43

Bouncing ball loading animation

pavermakov / index.html

Created November 29, 2016 10:08

Spinner loading animation

pavermakov / WebViewAutoHeight.js

Created August 23, 2019 10:09 — forked from esamattis/WebViewAutoHeight.js

React native: Is it possible to have the height of a html content in a webview? http://stackoverflow.com/q/32952270

	/*
	DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
	Version 2, December 2004

	Copyright (C) 2016 Esa-Matti Suuronen <[email protected]>

	Everyone is permitted to copy and distribute verbatim or modified
	copies of this license document, and changing it is allowed as long
	as the name is changed.

pavermakov / SliderScreen.js

Created September 13, 2019 20:56

React native slider screen

	import React from "react";
	import { View, Animated, Text, StyleSheet, Button, Dimensions } from "react-native";

	const DEVICE_WIDTH = Dimensions.get("window").width;

	const SliderScreen = () => {
	const animateRight = new Animated.Value(0);

	const moveOver = () => {
	Animated.timing(animateRight, {

pavermakov / generateIcons.js

Created December 5, 2019 09:34

Generate icomoon icons

	/* eslint-disable no-console */
	const fs = require("fs");
	const path = require("path");
	const pipeline = require("icomoon-cli");

	const ICONS_FOLDER = path.join(__dirname, "../icons");
	const SELECTION_PATH = path.join(__dirname, "../../configs/humanforce-font-selection.json");

	function getIcons() {
	return fs.readdirSync(ICONS_FOLDER);

pavermakov / Logo.js

Created December 6, 2019 09:22

	import React, { useState, useEffect, memo } from "react";
	import { View, TouchableOpacity, TouchableWithoutFeedback, Animated, StyleSheet } from "react-native";

	import { IoniconsIcon } from "~/components/Icons/Ionicons";
	import { c, t } from "~/helpers/rootHelper";
	import { useKeyboard } from "~/hooks";

	const END_HEIGHT = 120;
	const START_HEIGHT = 160;
	const START_WIDTH = c.DEVICE_WIDTH * 0.7;

pavermakov / useKeyboard.js

Last active September 11, 2020 07:27

	import React, { useEffect, useState } from "react";
	import { Keyboard } from "react-native";
	import { c } from "~/helpers/rootHelper";

	const useKeyboard = () => {
	const [indent, setIndent] = useState(0);
	const isVisible = indent > 0;

	const dismiss = () => {
	Keyboard.dismiss();

pavermakov / useMounted.js

Created April 4, 2020 14:41

	import { useCallback, useEffect, useRef } from 'react';

	export function useMounted() {
	const refMounted = useRef(false);

	useEffect(() => {
	refMounted.current = true;

	return () => {
	refMounted.current = false;

pavermakov / useDebouncedEffect.js

Created April 10, 2020 21:01

	import { useEffect } from "react";

	function useDebouncedEffect(fn, deps, time) {
	const dependencies = [...deps, fn, time]
	useEffect(() => {
	const timeout = setTimeout(fn, time);
	return () => {
	clearTimeout(timeout);
	}
	}, dependencies);