rsturim

function App() {
  const handleScroll = useCallback(() => {
    console.log(window.scrollY);
  }, []);
  
  useEffect(() => {
    // subscribe to scroll event
    window.addEventListener('scroll', handleScroll);
    
    return () => {

rsturim

import React, { useState } from "react";

export default function Counter() {
  const [count, setCount] = useState(0);

  return (
    <div>
      <h1>Count is {count}</h1>

      <button

rsturim

import { useMemo, useState, useEffect } from "react";
import { debounce } from "lodash";

export default function Input() {
  const [query, setQuery] = useState("");

  const changeHandler = (event) => {
    setQuery(event.target.value);
  };
  const debouncedChangeHandler = useMemo(

rsturim

'use strict';

module.exports = {
  env: {
    es6: true,
  },
  rules: {
    strict: ['error', 'global'],
    'func-style': ['error', 'expression'],
    'no-new-func': 'error',

rsturim

const useFetch = endpoint => {
  const defaultHeader = {
    Accept: "application/json",
    "Content-Type": "application/json"
  };
  const customFetch = (
    url,
    method = "GET",
    body = false,
    headers = defaultHeader

rsturim

import { useState } from 'react'

const useForm = initialValues => {
  const [values, setValues] = useState({
    ...initialValues,
    isSubmitting: false,
  })

  const handleSubmit = (event, callback) => {
    if (event) {

rsturim

/* Checkbox Hack */

input[type=checkbox] {
  position: absolute;
   top: -9999px;
   left: -9999px;
 
}
label { 
/*  -webkit-appearance: push-button;

rsturim

// Convenience function for parsing string namespaces and 
// automatically generating nested namespaces
function extendNamespace( ns, ns_string ) {
  var parts = ns_string.split("."),
  	parent = ns,
		pl;

	pl = parts.length;

	for ( var i = 0; i < pl; i++ ) {