nodkz

import fg from 'fast-glob';

/**
 * From provided ROOT_DIR `scan` pages directory
 * and return list of user defined pages
 * (except special ones, like _app, _document, _error)
 */
export function getNextPages(cwd: string) {
  // scan all files in pages folder except pages/api
  let pageList = fg.sync('pages/**/*.{ts,tsx,js,jsx}', {

nodkz

Performance problems in Apollo Client v2, v3 and Relay. Why we need a new GraphQL Client?

Both Apollo Client and Relay provide great State Managers for storing GraphQL responses with component updates on data changes. Under the hood they are using Cache Normalization that reduces data redundancy. More details can be found here for Apollo and here for Relay. This Normalization is a killer feature for Modern Web Apps - it helps to keep in sync displayable data of some entity in different parts of your application. But this Normalization has performance problems on big data sets.

Cache Normalization in Apollo Client 2 and Relay

Apollo Client was originally created as lightweight alternative of Relay. Apollo re-implemented basic functionality keeping in mind developer experience and bundle size. But conceptually Apollo Client 2

nodkz

Что такое Стейт Менеджер для вас?

Чтоб вы поняли мою точку зрения, мне придется зайти с далека, чтобы вас ввести в свой контекст. Буду говорить просто и квадратно, и можно зацепиться за любое предложение и опровергнуть его.

Так вот начнем с далека. Человек изобрел транзистор. Из них собрали регистры, логичейские гейты AND, OR, XOR и пошла поехала булевая логика. Еще чутка напряглись и собрали калькуляторы и компьютеры. Поняли, что считает эта штука быстрее человека, и надо туда засовывать всё больше и больше вычислительной логики.

В 50-ых минули времена инструкций и чистого ассемблера, придумали языки программирования высокого уровня, типа Fortran, который позволял людям быстрее писать программы. Завезли туда переменные (VARIABLES) и начали писать безумные алгоритмы вычисления.

Так активно писали, что где-то в 60х запарились и придумали функции (FUNCTIONS), чтоб изолировать/инкапсулировать куски логики и алгоритмов. Привет функциональному подходу из 60х.

nodkz

export interface ConnectionStringHost {
  host: string;
  port?: number;
}

export interface ConnectionStringParameters {
  scheme: string;
  username?: string;
  password?: string;
  hosts: ConnectionStringHost[];

nodkz

import * as glob from 'glob';
import * as fs from 'fs';
import * as path from 'path';

async function changePackage(ppp: any) {
  try {
    const filesToUpdate: string[] = await new Promise((resolve, reject) => {
      glob(ppp, function(err, files) {
        if (err) return reject(err);
        return resolve(files);

nodkz

function itemTrackingHelper(relayContext, item) {
    const {title, description} = unmaskFragmentData({
        relayContext,
        relayData: item,
        fragmentPropName: 'item',
        fragment: itemTrackingHelperFragment
    });
}

const itemTrackingHelperFragment = graphql`

nodkz

/* @flow */

const fs = require('fs');

// Add support for optionalChaining in relay-compiler 1.4

const filename = './node_modules/relay-compiler/bin/relay-compiler';
fs.readFile(filename, 'utf8', (err, data) => {
  if (err) {
    return console.log(err);

nodkz

/* @flow */
/* eslint-disable no-param-reassign */

import express, { type $Request, type $Response } from 'express';
import uniqid from 'uniqid';
import aws from 'aws-sdk';

export type SignResult = {
  publicUrl: string,
  signedUrl: string,

nodkz

// client

import { RelayNetworkLayer } from 'react-relay-network-modern';
import RelaySSR from 'react-relay-network-modern-ssr/client';

const relaySSR = new RelaySSR(window.relayData);

const network = new RelayNetworkLayer([
  relaySSR.getMiddleware(),
]);

nodkz

/* @flow */
/* eslint-disable no-use-before-define, react/no-unused-prop-types */

import * as React from 'react';
import areEqual from 'fbjs/lib/areEqual';

// forked from https://github.com/robrichard/relay-query-lookup-renderer

// import type { CacheConfig, Disposable } from 'RelayCombinedEnvironmentTypes';
// import type { RelayEnvironmentInterface as ClassicEnvironment } from 'RelayEnvironment';