kitze 🚀 kitze

Kitze loves to rant about webdev. He is the founder of Sizzy - the browser for developers. He created React Academy to teach React and GraphQL around the world. He's documenting his journey on YouTube, streams on Twitch, and has a blog that he maintains once in a blue moon. He made Better, showGPT, Twizzle, Glink, JSUI, Lucky Retweet, OK Google, etc.

	import { Instance, cast } from 'mobx-state-tree';

	export function castSelf<IStoreInstance, IParentModel>(
	store: IStoreInstance,
	model: IParentModel
	) {
	return cast<Instance<IParentModel>>(store as Instance<IParentModel>);
	}

	import { useLocalStore } from 'mobx-react-lite';
	import { clamp } from 'lodash';

	type Props = {
	height: number;
	maxHeight?: number;
	minWidth: number;
	minHeight: number;
	measureWidth?: boolean;
	measureHeight?: boolean;

	import React from 'react';
	import { Reveal } from 'styles/reveal';
	import * as T from 'styles/shared-components/text';

	//styles
	import * as S from './styles';
	import * as A from 'styles/shared-components';
	import * as L from 'layout-styled-components';

	const AnimatedTitle: React.FC<{ size?: number }> = ({ children='', size = 50 }) => {

	import { createGlobalStyle, keyframes } from 'styled-components';

	import fadeIn from 'react-animations/lib/fade-in';
	import slideInLeft from 'react-animations/lib/slide-in-left';
	import slideInRight from 'react-animations/lib/slide-in-right';

	export const reveals = {
	fadeInUp: 'fade-in-up',
	fadeIn: 'fade-in',
	slideInLeft: 'slide-in-left',

	import { VisibilityProperty } from 'csstype';
	import React, { useEffect, useState } from 'react';
	import { useInView } from 'react-intersection-observer';
	import { reveals } from 'styles/reveal-animations';
	import { CSSObject } from 'styled-components';

	export enum RevealMode {
	Clone,
	Wrap
	}

	import React, {useEffect, useState} from "react";

	import { useEffect, useState } from "react";

	export const useTimer = (initialValue = 0, duration = 1000, step = 1) => {
	const [timer, setTimer] = useState(initialValue);

	useEffect(() => {
	const interval = setInterval(() => {
	setTimer(timer => timer + step);

	{
	"articles": [
	{
	"id": 1,
	"title": "Hello world",
	"body": "The content of the article"
	},
	{
	"id": 2,
	"title": "Hello there",