Follow this guide to install WSL:
https://docs.microsoft.com/en-us/windows/wsl/install-win10
- Get your build tools and python required libraries installed:
| import { useState } from 'react'; | |
| export function useCounter(initial = 0) { | |
| const [count, setCount] = useState(initial); | |
| return [count, () => setCount(count + 1)]; | |
| } |
Follow this guide to install WSL:
https://docs.microsoft.com/en-us/windows/wsl/install-win10
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title></title> | |
| </head> | |
| <body> | |
| <script type="text/javascript"> | |
| const warningTitleCSS = 'color:red; font-size:60px; font-weight: bold; -webkit-text-stroke: 1px black;'; | |
| const warningDescCSS = 'font-size: 18px;'; |
| <svg viewBox="0 0 800 600" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> | |
| <defs> | |
| <filter id="goo"> | |
| <feGaussianBlur in="SourceGraphic" stdDeviation="10" result="blur"></feGaussianBlur><feColorMatrix in="blur" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 18 -7" result="goo"></feColorMatrix> | |
| <feBlend in="SourceGraphic" in2="goo"></feBlend> | |
| </filter> | |
| <linearGradient x1="0%" y1="0%" x2="100%" y2="100%" id="linearGradient-1"> | |
| <stop stop-color="#C25068" offset="0%"></stop> | |
| <stop stop-color="#9E3B5C" offset="100%"></stop> | |
| </linearGradient> |
| ## Global install of the app generator | |
| npm install -g create-react-app | |
| ## Setup the app (first-time only) | |
| create-react-app my-app | |
| cd my-app | |
| git init | |
| # Create the Heroku app; requires free account at https://www.heroku.com/ | |
| heroku create -b https://github.com/heroku/heroku-buildpack-static.git |
| // https://googlechrome.github.io/samples/fetch-api/fetch-post.html | |
| var request = new Request('https://hooks.slack.com/services/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', { | |
| method: 'POST', | |
| body: JSON.stringify({text: 'Hello'}), | |
| headers: new Headers({'Content-type': 'application/json'}) | |
| }); | |
| fetch(request).then(function(response) { console.log(response)}); |