Carlos Gómez Suárez charlintosh

🏠

Working from home

Nerdy computer man.

charlintosh / Nav.component.tsx

Created May 6, 2021 15:21

	import * as React from "react";
	import "./Nav.component.scss";
	import {useObservable} from "rxjs-hooks";
	import {watchScroll$} from "./nav.service";
	import {ScrollMovement, ScrollType} from "./types";
	// other imports

	function Nav(): JSX.Element {
	const scrollDirection: ScrollType = useObservable(watchScroll$, ScrollMovement.UP);

charlintosh / scroll.service.ts

Created May 6, 2021 15:19

	import { Observable, animationFrameScheduler, fromEvent, of } from "rxjs";
	import { distinctUntilChanged, filter, map, pairwise, switchMap, throttleTime } from "rxjs/operators";
	import { ScrollType, ScrollMovement } from "./types";

	export const watchScroll$ = (): Observable<ScrollType> =>
	of(typeof window === "undefined")
	.pipe(
	filter((undefinedWindow) => (!undefinedWindow)),
	switchMap(() => fromEvent(window, "scroll", {passive: true})),
	throttleTime(0, animationFrameScheduler),

charlintosh / scroll.service.ts

Created May 5, 2021 03:57

	import { Observable, animationFrameScheduler, fromEvent, of } from "rxjs";
	import { distinctUntilChanged, filter, map, pairwise, switchMap, throttleTime } from "rxjs/operators";
	import { ScrolType, ScrollMovement } from "./types";

	export const watchScroll$ = (): Observable<ScrollType> =>
	of(typeof window === "undefined")
	.pipe(
	filter((undefinedWindow) => (!undefinedWindow)),
	switchMap(() => fromEvent(window, "scroll", {passive: true})),
	throttleTime(0, animationFrameScheduler),

charlintosh / httpRequest.js

Last active July 9, 2020 21:31

	const axios = require('axios')

	const doRequest = () => {
	try {
	return axios.get('https://thegreatapi.org/v1')
	} catch (error) {
	console.error(error)
	}
	}

charlintosh / specificInterceptorSetup.tsx

Last active July 10, 2020 06:17

File that create an axios intance with the interceptors.

	import {setupInterceptorsTo} from "./Interceptors";
	import axios from "axios";
	const specificAxios = setupInterceptorsTo(axios.createInstance());

charlintosh / globalInterceptorSetup.tsx

Last active July 10, 2020 06:16

File that apply the interceptors to the global axios instance.

	import {setupInterceptorsTo} from "./Interceptors";
	import axios from "axios";
	setupInterceptorsTo(axios);

charlintosh / interceptor.js

Created July 3, 2020 19:08

Interceptor example

const myInterceptor = axios.interceptors.request.use(function () {/*...*/});

charlintosh / Interceptors.ts

Created July 3, 2020 19:05

Interceptors config file.

	import {AxiosError, AxiosInstance, AxiosRequestConfig, AxiosResponse} from "axios";

	const onRequest = (config: AxiosRequestConfig): AxiosRequestConfig => {
	console.info(`[request] [${JSON.stringify(config)}]`);
	return config;
	}

	const onRequestError = (error: AxiosError): Promise<AxiosError> => {
	console.error(`[request error] [${JSON.stringify(error)}]`);
	return Promise.reject(error);