Skip to content

Instantly share code, notes, and snippets.

View chrispcode's full-sized avatar

Kristiyan Serafimov chrispcode

  • @storabrand
  • Oslo, Norway
View GitHub Profile
@chrispcode
chrispcode / index.tsx
Created November 24, 2019 14:24
Let's Make a React Radio That Will Pass A11Y - Part 3 (Final)
import React, { useState, MouseEvent, KeyboardEvent } from 'react';
import { Variants } from 'framer-motion';
import {
Circle,
Container,
Option,
Wrap
} from './styled';
@chrispcode
chrispcode / index.tsx
Created November 24, 2019 12:22
Let's Make a React Radio That Will Pass A11Y - Part 2 State
import React, { useState, MouseEvent, KeyboardEvent } from 'react';
import {
Circle,
Container,
Option,
Wrap
} from './styled';
const keyCodes = {
@chrispcode
chrispcode / webpack.config.js
Created January 16, 2019 09:09
Component library Webpack
const path = require('path');
const webpack = require('webpack');
// const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
const port = 8000;
module.exports = {
mode: 'production',
resolve: {
alias: {
// eslint-disable-next-line
import React, { PureComponent, KeyboardEvent, FocusEvent, MouseEvent } from 'react';
import { autobind } from 'core-decorators';
import { Option, OptionWrap, Selected } from './styled';
import { Label, Wrap } from '../Input/styled';
const keyCodes = {
enter: 13,
space: 32,
@chrispcode
chrispcode / NONONO.tsx
Last active December 5, 2018 13:26
NONONO.tsx
import React, { PureComponent } from 'react';
import { autobind } from 'core-decorators';
import FocusLock from 'react-focus-lock';
import { Option, OptionWrap, Selected } from './styled';
import { Label, Wrap } from '../Input/styled';
type Props = {
label: string
value: string
import React, { PureComponent } from 'react';
import { autobind } from 'core-decorators';
import FocusLock from 'react-focus-lock';
import { Option, OptionWrap, Selected } from './styled';
import { Label, Wrap } from '../Input/styled';
type Props = {
label: string
value: string
import React, { Component } from 'react';
import lottie from 'lottie-web';
type Options = {
loop?: boolean
autoplay?: boolean
animationData?: {} | null
rendererSettings?: {}
segments?: {}
container?: HTMLDivElement | null
I have built a mini Social Network, consisting of REST based Microservices and GraphQL Ports.
Each of them is Dockerized and uploaded to the Google Cloud via Kubernetes Cluster!