| const path = require("path"); | |
| const autoprefixer = require("autoprefixer"); | |
| const rucksack = require("rucksack-css"); | |
| const nested = require("postcss-nested"); | |
| const webpack = require("webpack"); | |
| const HtmlWebpackPlugin = require("html-webpack-plugin"); | |
| const ExtractTextPlugin = require("extract-text-webpack-plugin"); | |
| const DashboardPlugin = require("webpack-dashboard/plugin"); | |
| const CopyWebpackPlugin = require("copy-webpack-plugin"); | |
| const CleanWebpackPlugin = require("clean-webpack-plugin"); |
| import pMap from "p-map" | |
| const endpoints = { | |
| new: "https://hacker-news.firebaseio.com/v0/newstories.json", | |
| top: "https://hacker-news.firebaseio.com/v0/topstories.json", | |
| best: "https://hacker-news.firebaseio.com/v0/beststories.json", | |
| item: id => `https://hacker-news.firebaseio.com/v0/item/${id}.json`, | |
| user: name => `https://hacker-news.firebaseio.com/v0/user/${name}.json`, | |
| } |
| /** | |
| * Copyright (c) 2007-2013, Kaazing Corporation. All rights reserved. | |
| */ | |
| // The Definitive Guide to HTML5 WebSocket | |
| // Example WebSocket server | |
| // See The WebSocket Protocol for the official specification | |
| // http://tools.ietf.org/html/rfc6455 |
CodeSandbox(CSB) is an online React playground. One of the ways to add a project there is through importing from GitHub. Please sign in via GitHub.
This article will walk through the steps of sync'ing a create-react-app (CRA) project on a GitHub repo with a sandbox.
First, a quick recap of how to use CRA;
>> npm i -g create-react-app
>> create-react-app cra-app
| const fs = require("fs"); | |
| const path = require("path"); | |
| const Promise = require("bluebird"); | |
| const readdir = require("recursive-readdir"); | |
| const { bgRed, bgGreen, bgBlue, bold, white } = require("chalk"); | |
| const PKG = require("./package.json"); | |
| const AWS = require("aws-sdk"); | |
| const s3 = new AWS.S3(); | |
| const bucketName = `${PKG.name}-v${PKG.version}`; |
| AWSTemplateFormatVersion: '2010-09-09' | |
| Description: Cognito Stack | |
| Parameters: | |
| AuthName: | |
| Type: String | |
| Description: Unique Auth Name for Cognito Resources | |
| Resources: | |
| # Creates a role that allows Cognito to send SNS messages |
| version: "3" | |
| services: | |
| mongo: | |
| image: mvertes/alpine-mongo | |
| hostname: mongo | |
| ports: | |
| - 27017:27017 |
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
| <meta http-equiv="X-UA-Compatible" content="ie=edge" /> | |
| <title>react app</title> | |
| <link href="https://fonts.googleapis.com/css?family=Black+Ops+One&display=swap" rel="stylesheet"> | |
| <link rel="stylesheet" href="https://unpkg.com/rc-tooltip@3.7.3/assets/bootstrap_white.css"> | |
| <style> |
| # Instructions: | |
| # 1. Check all "TODO" comments and make changes if required for your environment | |
| # 2. Provide values for all required parameters and any optional parameters desired | |
| AWSTemplateFormatVersion: '2010-09-09' | |
| Description: Verdaccio - NPM cache / private registry | |
| Parameters: | |
| # REQUIRED PARAMETERS | |
| Ami: | |
| Type: AWS::EC2::Image::Id |