kitze

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 }) => {

kitze

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',

kitze

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
}

kitze

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);

kitze

.App {
  font-family: sans-serif;
}

body {
  background-color: rgb(36, 36, 36);
  color: white;
}

.article {

kitze

const data = {
  users: [
    {
      id: "c91ec707-215c-473d-8187-a0bb06f12b8f",
      name: "Lilian Keebler",
      email: "Mathew8@gmail.com",
      password: "software",
      age: 41,
      isEmployed: true
    },

kitze

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

kitze

Avatar

Link to HQ image

Bio

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.

Links

Twitter - https://twitter.com/thekitze
Github - https://github.com/kitze

kitze

// Packages
const { app, dialog, autoUpdater } = require('electron');
const ms = require('ms');
const isDev = require('electron-is-dev');
const logger = require('electron-timber');
const notify = require('./notify');
const got = require('got');

// Utilities
const { version: packageJsonVersion } = require('../package');

kitze

Decide about switching to S10

Pros

• Automatic google photos upload in background
• Working GBoard
• Tap to place keyboard cursor
• Better autocomplete
• Nova Launcher
• Google assistant > Siri
• Real file system