tkdn

// This is a vastly simplified implementation of what a Redux container would do
class MyComponentContainer extends Component {
  mapStateToProps(state) {
    // this function is specific to this particular container
    return state.foo.bar;
  }

  render() {
    // This is how you get the current state from Redux,
    // and would be identical, no mater what mapStateToProps does

tkdn

tap "fujiwara/tap"
tap "getsentry/tools"
tap "homebrew/bundle"
tap "homebrew/cask"
tap "homebrew/cask-versions"
tap "homebrew/core"
tap "homebrew/services"
tap "libero18/mycask"
tap "olleolleolle/adr-tools"
tap "rcmdnk/file"

tkdn

tap "fujiwara/tap"
tap "getsentry/tools"
tap "homebrew/bundle"
tap "homebrew/cask"
tap "homebrew/cask-versions"
tap "homebrew/core"
tap "libero18/mycask"
tap "olleolleolle/adr-tools"
tap "rcmdnk/file"
tap "stns/stns_passwd"

tkdn

import { Index } from '@Components/pages'
import * as React from 'react'
import { cleanup, render } from 'react-testing-library'

jest.mock('../../../routes', () => {
  const React = require('react')
  return {
    Link: ({ children }) => {
      return <div>{children}</div>
    }

tkdn

以下、記事の要約と個人的な疑問点などです。 GraphQL: Everything You Need to Know – Weblab Technology – Medium

また記事中に出てくるサンプルについてはより削ぎ落としたもので、依存がほとんどない。 GraphQL はクライアントからすると、クライアントキャッシングやその他課題はあるものの、クエリ言語である以外何者でもなさそうというがよく分かる。

• https://github.com/weblab-technology/graphql-example/blob/master/frontend/src/utils/graphql.js
• https://github.com/weblab-technology/graphql-example/blob/master/frontend/src/api/books.js

---

tkdn

const pluck = (
  array: Array<{[key: any]: value: any}>,
  props: string[],
  pickedKey: string,
): {[valuePickedByKey: any]: {[prop:any]: any}} => {
  return array.reduce((prevOut, item) => {
    const valuePickedByKey = item[pickedKey];
    const pickedObj = props.reduce((prevItem, pickProp) => {
      return {
        ...prevItem,

tkdn

const pluck = (
  array: Array<{[key: any]: value: any}>,
  props: string[],
  pickedKey: string,
): {[valuePickedByKey: any]: {[prop:any]: any}} => {
  return array.reduce((prevOut, item) => {
    const valuePickedByKey = item[pickedKey];
    const pickedObj = props.reduce((prevItem, pickProp) => {
      return {
        ...prevItem,

tkdn

React HOCs on TypeScript

参考： https://medium.com/@jrwebdev/react-higher-order-component-patterns-in-typescript-42278f7590fb

まだ HOC と TypeScript の良い落としどころが見えてないが、何となく理解しつつある現状。 「TypeScript こわい」から卒業したのと、良記事があったので簡単にまとめておきます。

HOCs と TypeScript の相性

悪い。 => 型を設定することが難しい。 しかしやっていきたいので、any を使わずに整理していこう。

tkdn

以下、記事の要約と個人的な疑問点などです。 GraphQL: Everything You Need to Know – Weblab Technology – Medium

また記事中に出てくるサンプルについてはより削ぎ落としたもので、依存がほとんどない。 GraphQL はクライアントからすると、クライアントキャッシングやその他課題はあるものの、クエリ言語である以外何者でもなさそうというがよく分かる。

• https://github.com/weblab-technology/graphql-example/blob/master/frontend/src/utils/graphql.js
• https://github.com/weblab-technology/graphql-example/blob/master/frontend/src/api/books.js

---

tkdn

version: "3.7"

services:
  mysql:
    container_name: apollo-work-mysql
    image: mysql:5.7
    restart: always
    ports:
      - 3306:3306
    volumes: