A web app that shows who from Free Code Camp is live streaming on Twitch.tv. I am using, Jade, Stylus, CoffeeScript, Semantic-UI, jQuery, Unsplash.it, and Twitch API.
A Pen by Adam Recvlohe on CodePen.
A web app that shows who from Free Code Camp is live streaming on Twitch.tv. I am using, Jade, Stylus, CoffeeScript, Semantic-UI, jQuery, Unsplash.it, and Twitch API.
A Pen by Adam Recvlohe on CodePen.
[Verifying my cryptographic key: openpgp4fpr:865AB70C915CEC62F7DE8B4086B2353C52B80DCB]
module Styles = { | |
open Css; | |
let container = style([padding(px(20)), fontFamily("sans-serif")]); | |
let card = | |
style([ | |
maxWidth(px(500)), | |
marginTop(px(20)), | |
margin2(~v=px(0), ~h=auto), | |
padding(px(20)), | |
border(px(1), solid, hex("eee")), |
{ | |
"name": "reason-react-starter", | |
"version": "1.0.0", | |
"main": "index.js", | |
"license": "MIT", | |
"scripts": { | |
"start": "concurrently \"npm run js-watch\" \"npm run bsb-watch\"", | |
"js-watch": "webpack-dev-server --hot --inline", | |
"bsb-watch": "bsb -make-world -w", | |
"bsb-clean": "bsb -clean-world" |
import React from "react"; | |
import ReactDOM from "react-dom"; | |
import "normalize.css"; | |
import { make as App } from "../lib/es6_global/src/App"; | |
ReactDOM.render(<App />, document.querySelector("#root")); |
const path = require("path"); | |
const HtmlWebpackPlugin = require("html-webpack-plugin"); | |
const { CleanWebpackPlugin } = require("clean-webpack-plugin"); | |
module.exports = { | |
// The file that is the main point of access for the SPA | |
entry: path.join(__dirname, "src/client.js"), | |
// Where you want to output the file | |
output: { | |
// The output file's name |
{ | |
"name": "reason-react-starter", | |
// The syntax version for reason | |
"refmt": 3, | |
// The reason jsx syntax | |
"reason": { "react-jsx": 3 }, | |
// The folder to look in to find reason files | |
"sources": ["src"], | |
// How to output the files | |
"package-specs": [ |
/* Make the component */ | |
[@react.component] | |
let make = () => { | |
<div> {"Reason React!" |> ReasonReact.string} </div> | |
}; |
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="UTF-8"> | |
<meta name="viewport" content="width=device-width, initial-scale=1"> | |
</head> | |
<body> | |
<div id="root"></div> | |
</body> | |
</html> |
Verifying my Blockstack ID is secured with the address 1GmCgCPqrKKUx7JyUhJCZWHd4aeCpXxQX2 https://explorer.blockstack.org/address/1GmCgCPqrKKUx7JyUhJCZWHd4aeCpXxQX2 |