kettanaito

This document describes a flow of a request issued by different modules/libraries in NodeJS environment.

window.fetch (jsdom)

[](https://mermaid-js.github.io/mermaid-live-editor/#/edit/eyJjb2RlIjoiZ3JhcGggVERcbiAgd2luZG93LmZldGNoIC0tPiBYTUxIdHRwUmVxdWVzdFxuICBYTUxIdHRwUmVxdWVzdCAtLT4gcmVxdWVzdChyZXF1ZXN0LCAzcmQgcGFydHkpXG4gIHJlcXVlc3QgLS0-IHByb3RvY29se1Byb3RvY29sfVxuICBwcm90b2NvbCAtLSBodHRwcyAtLT4gaHR0cHMucmVxdWVzdFxuICBwcm90b2NvbCAtLSBodHRwIC0tPiBodHRwLnJlcXVlc3RcblxuICBodHRwcy5yZXF1Z

kettanaito

import { createGlobalStyle, css } from 'styled-components'

const GlobalStyle = createGlobalStyle`
  html {
    /* Maps all colors from the `theme` to CSS variables: */
    ${({ theme }) => Object.entries(theme.colors).map(([name, value]) => css`
      --${camelCaseToKebabCase(name)}: ${value};
    `)}
  }
`

kettanaito

if (__IE__) {
  const ieSpecificShim = require('ie-shim')
  ieSpecificShim(...)
}
                 

kettanaito

// Importing this fails, as the plugin is distributed in modern module format
// and `gatsby-config.js` is not transpiled.
const firebase = require('gatsby-plugin-firebase')

exports.createResolvers = ({ createResolvers }) => {
  const resolvers = {
    Query: {
      customField: {
        type: 'String',
        resolve() {

kettanaito

import React from 'react'
import { useFetch } from './hooks/useFetch'

const Example = () => {
  const { data, loading, error } = useFetch('https://api.github.com/user/octocat')
  
  if (loading) {
    return <Spinner />
  }
    

kettanaito

.tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  max-width: 350px;
  padding: 0.5rem 1rem;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 4px;

kettanaito

Getting started with Redux

What is Redux?

Redux is a state management library. It implements a Flux pattern of handling the data and its primary feature is the reducing of the previous state to produce the next state.

What is Flux?

Flux is an architecture pattern to handle data fetching. It splits data fetching into separate layers, making them predictable, but also embeds a "model" and "controller" parts of traditional MVC into modern applications.

kettanaito

!(A && B) // is equivalent to
!A || !B

!(A || B) // is equivalent to
!A && !B

kettanaito

Theory

On Projectors: http://talarian.blogspot.com/p/unity-tutorial.html

Resources

• Huge resources list: http://www.procedural-worlds.com/blog/best-free-unity-assets-categorised-mega-list/

kettanaito

export const VendorMachine = ({
  ballRadius,
  gravity,
  density,
  drag,
  onButtonClick,
}) => {
  const canvasRef = React.useRef()
  const { intersection, setIntersectionRef } = useIntersection({
    threshold: 0.5,