tricoder42

I'm writing a webpack plugin, which should generate message catalogs for each chunk.

✅ I know how to split main message catalog by inspecting modules inside chunk.

In build folder, I have:

index.js
index.en.js
index.cs.js

tricoder42

I'm using this approach to have centralized route config in Next.js. I don't have the fully automated solution. Right now I'm writing route configs and links manually to figure out if it works and what are the drawbacks.

I believe the automation is the last step to make it completely seamless.

1. Define routes in centralized config

This is the only file that needs to be wrote manually.

tricoder42

// I believe this file could be automatically generated. Each route
// could be typechecked that all params are passed into it.

import { projectRoute } from "routes.js"
import { ProjectLink } from "routes.utils.ts"

export const ProjectLink = makeLink(projectRoute)

// Example usage of `ProjectLink` component. It's like regular Link, but it accepts `params`
// which are injected into `routeConfig.as` pattern.

tricoder42

import React, { Component } from 'react';
import './App.css';
import { connect } from 'react-redux';
import Main from './Main/Main.js';
import FooterPage from './Footer/Footer.js';
import { I18nProvider } from '@lingui/react'

class App extends Component {

tricoder42

1. Query projectIssue is resolved with an object "IssueType:18"
2. Mutation issueEdit is called and returns the same object with updated attachments
3. Object "IssueType:18" is updated correctly in cache (checked in Apollo DevTool and also manually by store.readFragment)
4. Query projectIssue reloaded from cache automatically, but this this it doesn't return object

In Apollo DevTool I see this field in root query: issue({"issueId":"18","project":"IEP001"}): IssueType:18. I believe the query should be updated when object IssueType:18 in cache is updated, but when it happens, the object is empty.

tricoder42

/*
Usage: node ./deprecate.js OTP_TOKEN

OTP_TOKEN is used for 2FA
*/

const path = require("path")
const fs = require("fs-extra")
const { exec } = require("child_process")

tricoder42

const flip = () => ({
  flipResults: Math.random()
})

// creation of headlesscomponent
class CoinFlip extends React.Component {
  state = flip()
  handleClick = () => this.setState(flip)
  
  api() {

tricoder42

GraphQL example

Graphene Tutorial

Example of authentication mutations and user queries in GraphQL API.

tricoder42

GraphQL Subscription with django-channels

Django channels are official way for implementing async messaging in Django.

The primary caveat when working with GraphQL subscription is that we can't serialize message before broadcasting it to Group of subscribers. Each subscriber might use different GraphQL query so we don't know how to serialize instance in advance.

See related issue

tricoder42

class ProjectType(graphql.DjangoModel):
    class Meta:
        model = Project


class ProjectSchema(graphql.DetailQuery,
                    graphql.ListQuery,
                    graphql.CreateMutation,
                    graphql.UpdateMutation,
                    graphql.DeleteMutation,