| // function HelloWorld(name) { | |
| // // const this = {}; | |
| // this.name = name; | |
| // // return this | |
| // } | |
| class HelloWorld { | |
| constructor(name) { | |
| this.name = name.toUpperCase(); | |
| } |
| import React, { Suspense, useState } from "react"; | |
| import { unstable_createResource as createResource } from "react-cache"; | |
| import { | |
| Combobox, | |
| ComboboxInput, | |
| ComboboxList, | |
| ComboboxOption | |
| } from "./Combobox2.js"; | |
| function App({ tabIndex, navigate }) { |
| { | |
| allMarkdownRemark { | |
| edges { | |
| node { | |
| excerpt(pruneLength: 280) | |
| } | |
| } | |
| } | |
| } |
| // code for my devtip on 12 June 2018: | |
| // https://www.youtube.com/watch?v=0wiM3jW1DVY&list=PLV5CVI1eNcJgCrPH_e6d57KRUTiDZgs0u | |
| const loadFile = file => { | |
| return new Promise(resolve => { | |
| setTimeout(() => { | |
| resolve(`contents of ${file}`) | |
| }, 500) | |
| }) | |
| } | |
| const files = ['01.md', '02.md', '03.md', '04.md', '05.md'] |
| function truncateString(str, num) { | |
| if (str.length <= num) { | |
| console.log(str); | |
| return str; | |
| } else { | |
| var newStr = []; | |
| var nstr = str.split(""); | |
| for (let index = 0; index < num; index++) { |
| "files.autoSave": "afterDelay", | |
| "files.associations": { | |
| "*.ejs": "html" | |
| }, | |
| "editor.wordWrap": "on", | |
| "workbench.colorTheme": "monokai-best", | |
| "workbench.iconTheme": "vscode-icons", | |
| "vsicons.dontShowNewVersionMessage": true, | |
| "window.zoomLevel": 0, | |
| "cSpell.userWords": [ |
| [ | |
| { | |
| "Title": "Avatar", | |
| "Year": "2009", | |
| "Rated": "PG-13", | |
| "Released": "18 Dec 2009", | |
| "Runtime": "162 min", | |
| "Genre": "Action, Adventure, Fantasy", | |
| "Director": "James Cameron", | |
| "Writer": "James Cameron", |
| { | |
| "vars": { | |
| "@gray-base": "#000", | |
| "@gray-darker": "lighten(@gray-base, 13.5%)", | |
| "@gray-dark": "lighten(@gray-base, 20%)", | |
| "@gray": "lighten(@gray-base, 33.5%)", | |
| "@gray-light": "lighten(@gray-base, 46.7%)", | |
| "@gray-lighter": "lighten(@gray-base, 93.5%)", | |
| "@brand-primary": "darken(#428bca, 6.5%)", | |
| "@brand-success": "#5cb85c", |
