Eduardo Rabelo oieduardorabelo

Getting Started With Plug'n'Play

If you use create-react-app, #5136 (released with the 2.0) implements a --use-pnp option that allows you to easily create a new project using PnP! In this case, just use create-react-app --use-pnp together with Yarn 1.12, and you're good to go! 👍

Plug'n'Play is a new initiative from Yarn that aims to remove the need for node_modules. It's already available, and has proved being effective even on large-scale infrastructures. This document describes in a few steps how to quickly get started with it. Spoiler alert: it's quite easy 🙂

First, download a package manager that supports it. Yarn 1.12 already does, so that's what we're going to use! To install it, just follow the instructions on our website: https://yarnpkg.com/en/docs/install

If everything is ok, running yarn --version should give you v1.12.1 or higher. If you don't get this result maybe a

Note:

When this guide is more complete, the plan is to move it into Prepack documentation.
For now I put it out as a gist to gather initial feedback.

A Gentle Introduction to Prepack (Part 1)

If you're building JavaScript apps, you might already be familiar with some tools that compile JavaScript code to equivalent JavaScript code:

Babel lets you use newer JavaScript language features, and outputs equivalent code that targets older JavaScript engines.

A series of posts on css-in-js

0. styles as objects

First, an exercise. Can we represent all of css with plain data? Let's try.

let redText = { color: 'red' };

Prologue

I wrote this answer on stackexchange, here: https://stackoverflow.com/posts/12597919/

It was wrongly deleted for containing "proprietary information" years later. I think that's bullshit so I am posting it here. Come at me.

The Question

Amazon is a SOA system with 100s of services (or so says Amazon Chief Technology Officer Werner Vogels). How do they handle build and release?

	-------------------------------------------------
	-- READ OPERATIONS
	-------------------------------------------------

	-- Find records that exactly match a key value pair in a JSONB column
	SELECT data->>'key' FROM target_table WHERE data->>'key' = 'value';

	-- Find records that loosely match a key value pair in a JSONB column
	SELECT data->>'key' FROM target_table WHERE data->>'key' ILIKE '%value%';

	import { GraphQLModule } from '@graphql-modules/core';
	import { UserModule } from './user-module';
	import { ChatModule } from './chat-module';

	export const appModule = new GraphQLModule({
	imports: [
	UserModule,
	ChatModule,
	],
	});

	function Mutilator(data, name, context) {
	this.n = name \|\| `mutilation-${+new Date()}`;
	this.d = data;
	this.c = context \|\| window;
	this.isArr = function(p) {
	return this.d[p].constructor == Array;
	};
	this.dispatch = function(p, v, t) {
	this.c.dispatchEvent(
	new CustomEvent(this.n, {

	---
	Description: AWS AppSync Notes API

	Parameters:
	APIName:
	Type: String
	Description: Name of the API - used to generate unique names for resources
	MinLength: 3
	MaxLength: 20
	AllowedPattern: '^[a-zA-Z][a-zA-Z0-9_]*$'

	---
	Description: AWSAppSync DynamoDB Example
	Resources:
	GraphQLApi:
	Type: "AWS::AppSync::GraphQLApi"
	Properties:
	Name: AWSAppSync DynamoDB Example
	AuthenticationType: AWS_IAM

	PostDynamoDBTableDataSource:

	a4b.amazonaws.com
	access-analyzer.amazonaws.com
	account.amazonaws.com
	acm-pca.amazonaws.com
	acm.amazonaws.com
	airflow-env.amazonaws.com
	airflow.amazonaws.com
	alexa-appkit.amazon.com
	alexa-connectedhome.amazon.com
	amazonmq.amazonaws.com