Simone Corsi simonecorsi

## prepack-gentle-intro-1.md

      
              1 file
            
          
              26 forks
            
          
              14 comments
            
          
              638 stars
            
          
                gaearon
                / prepack-gentle-intro-1.md
            
            
              Last active
              May 3, 2024 12:56
            
              
                A Gentle Introduction to Prepack, Part 1
              
          
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.


## axios.refresh_token.js
axios.interceptors.response.use(function (response) {
  return response;
}, function (error) {

  const originalRequest = error.config;

  if (error.response.status === 401 && !originalRequest._retry) {

    originalRequest._retry = true;

## authorize.js
const AWS = require('aws-sdk');
const CognitoUserPool = require('amazon-cognito-identity-js-node').CognitoUserPool;
const CognitoUserSession = require('amazon-cognito-identity-js-node').CognitoUserSession;
const CognitoUser = require('amazon-cognito-identity-js-node').CognitoUser;
const CognitoIdToken = require('amazon-cognito-identity-js-node').CognitoIdToken;
const CognitoAccessToken = require('amazon-cognito-identity-js-node').CognitoAccessToken;
const CognitoRefreshToken = require('amazon-cognito-identity-js-node').CognitoRefreshToken;

const cfg = require('config').config;
const COGNITO_IDENTITY_POOL_ID = cfg.COGNITO_IDENTITY_POOL_ID;

## clean-docker-for-mac.sh
#!/bin/bash

# Copyright 2017 Théo Chamley
# Permission is hereby granted, free of charge, to any person obtaining a copy of
# this software and associated documentation files (the "Software"), to deal in the Software
# without restriction, including without limitation the rights to use, copy, modify, merge,
# publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons
# to whom the Software is furnished to do so, subject to the following conditions:
#
# The above copyright notice and this permission notice shall be included in all copies or

## ReorderableList.js
import React, { Component } from 'react'
import { Link } from 'react-router'
// Drag and Drop
import { DragDropContext } from 'react-dnd'
import HTML5Backend from 'react-dnd-html5-backend'
// Material UI
import { List } from 'material-ui/List'
import Subheader from 'material-ui/Subheader'

class ReorderableList extends Component {

## Caddyfile
mime {
    .atom application/atom+xml
    .json application/json
    .map application/json
    .topojson application/json
    .jsonld application/ld+json
    .rss application/rss+xml
    .geojson application/vnd.geo+json
    .rdf application/xml
    .xml application/xml

## metatags.html
<html>
  <head>

    <!--Recommended Meta Tags-->
    <meta charset="utf-8">
    <meta name="language" content="english">
    <meta http-equiv="content-type" content="text/html">
    <meta name="author" content=”Rafayel Mkrtchyan”>
    <meta name="designer" content=”Rafayel Mkrtchyan”>
    <meta name="publisher" content=”Rafayel Mkrtchyan”>

## migrate.sh
#!/bin/sh

wget http://dev.mysql.com/get/Downloads/MySQL-5.7/mysql-5.7.15-osx10.11-x86_64.tar.gz
tar xfvz mysql-5.7*

echo "stopping mamp"
sudo /Applications/MAMP/bin/stop.sh
sudo killall httpd mysqld

echo "creating backup"

## parallelize.php
<?php

/******
Parallelize downloads across hostnames for WordPress.
Useful to boost static resources load speed on websites.
Recommended by GTmetrix, Pingdom, Google Speed Insights, and others.
See full post > https://medium.com/p/32e9dc2fec0c

In order to work properly, all subdomains/hostnames MUST have the same structure/path. Ex:
http://mydomain.com/wp-content/uploads/2015/11/myimage.jpg

## gulpfile.js
var gulp        = require('gulp');

var browserify  = require('browserify');
var babelify    = require('babelify');
var source      = require('vinyl-source-stream');
var buffer      = require('vinyl-buffer');
var uglify      = require('gulp-uglify');
var sourcemaps  = require('gulp-sourcemaps');
var livereload  = require('gulp-livereload');
	axios.interceptors.response.use(function (response) {
	return response;
	}, function (error) {

	const originalRequest = error.config;

	if (error.response.status === 401 && !originalRequest._retry) {

	originalRequest._retry = true;
	const AWS = require('aws-sdk');
	const CognitoUserPool = require('amazon-cognito-identity-js-node').CognitoUserPool;
	const CognitoUserSession = require('amazon-cognito-identity-js-node').CognitoUserSession;
	const CognitoUser = require('amazon-cognito-identity-js-node').CognitoUser;
	const CognitoIdToken = require('amazon-cognito-identity-js-node').CognitoIdToken;
	const CognitoAccessToken = require('amazon-cognito-identity-js-node').CognitoAccessToken;
	const CognitoRefreshToken = require('amazon-cognito-identity-js-node').CognitoRefreshToken;

	const cfg = require('config').config;
	const COGNITO_IDENTITY_POOL_ID = cfg.COGNITO_IDENTITY_POOL_ID;
	#!/bin/bash

	# Copyright 2017 Théo Chamley
	# Permission is hereby granted, free of charge, to any person obtaining a copy of
	# this software and associated documentation files (the "Software"), to deal in the Software
	# without restriction, including without limitation the rights to use, copy, modify, merge,
	# publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons
	# to whom the Software is furnished to do so, subject to the following conditions:
	#
	# The above copyright notice and this permission notice shall be included in all copies or
	import React, { Component } from 'react'
	import { Link } from 'react-router'
	// Drag and Drop
	import { DragDropContext } from 'react-dnd'
	import HTML5Backend from 'react-dnd-html5-backend'
	// Material UI
	import { List } from 'material-ui/List'
	import Subheader from 'material-ui/Subheader'

	class ReorderableList extends Component {
	mime {
	.atom application/atom+xml
	.json application/json
	.map application/json
	.topojson application/json
	.jsonld application/ld+json
	.rss application/rss+xml
	.geojson application/vnd.geo+json
	.rdf application/xml
	.xml application/xml
	<html>
	<head>

	<!--Recommended Meta Tags-->
	<meta charset="utf-8">
	<meta name="language" content="english">
	<meta http-equiv="content-type" content="text/html">
	<meta name="author" content=”Rafayel Mkrtchyan”>
	<meta name="designer" content=”Rafayel Mkrtchyan”>
	<meta name="publisher" content=”Rafayel Mkrtchyan”>
	#!/bin/sh

	wget http://dev.mysql.com/get/Downloads/MySQL-5.7/mysql-5.7.15-osx10.11-x86_64.tar.gz
	tar xfvz mysql-5.7*

	echo "stopping mamp"
	sudo /Applications/MAMP/bin/stop.sh
	sudo killall httpd mysqld

	echo "creating backup"
	<?php

	/******
	Parallelize downloads across hostnames for WordPress.
	Useful to boost static resources load speed on websites.
	Recommended by GTmetrix, Pingdom, Google Speed Insights, and others.
	See full post > https://medium.com/p/32e9dc2fec0c

	In order to work properly, all subdomains/hostnames MUST have the same structure/path. Ex:
	http://mydomain.com/wp-content/uploads/2015/11/myimage.jpg
	var gulp = require('gulp');

	var browserify = require('browserify');
	var babelify = require('babelify');
	var source = require('vinyl-source-stream');
	var buffer = require('vinyl-buffer');
	var uglify = require('gulp-uglify');
	var sourcemaps = require('gulp-sourcemaps');
	var livereload = require('gulp-livereload');