https://wiki.kalen.pw/ 2026-04-30T22:13:14+00:00 https://wiki.kalen.pw/ https://wiki.kalen.pw/lib/tpl/SimpleDoku/images/favicon.ico text/html 2021-07-07T09:39:51+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.kalen.pw/doku.php?id=development:javascript:asynchronous&rev=1625675991&do=diff Asynchronous async function getFromDb() { let successful = true; if(successful) { return "Kalen"; } throw "Error"; } // use .then on promises to do something with value, .catch and .finally are also available let foo = getFromDb().then((value) => { console.log(value); }).catch((err) => { console.log(err); }); // prints 'Kalen' if true, otherwise 'Error' text/html 2021-06-29T15:03:59+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.kalen.pw/doku.php?id=development:javascript:looping&rev=1625004239&do=diff JavaScript Loops ---------- for x in y Used for iterating over objects const object = { a: 1, b: 2, c: 3 }; for (const property in object) { console.log(`${property}: ${object[property]}`); } // "a: 1" // "b: 2" // "c: 3" ---------- for x of y text/html 2021-06-29T15:04:10+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.kalen.pw/doku.php?id=development:javascript:mutating_data&rev=1625004250&do=diff Mutating Data JavaScript has somewhat annoying rules on this. Deep copies are required if you wish to avoid mutating. ---------- const one = [0, 1, 2]; const two = one; two.push(3); console.log(one); console.log(two); output: [ 0, 1, 2, 3 ] [ 0, 1, 2, 3 ] text/html 2023-06-21T21:56:19+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.kalen.pw/doku.php?id=development:javascript:nodejs&rev=1687409779&do=diff NodeJS ---------- Installation # via package manager, will install outdated version sudo apt install node-js # install n globally sudo npm install n -g # update to stable node version sudo n lts ---------- text/html 2021-06-29T15:04:26+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.kalen.pw/doku.php?id=development:javascript:react&rev=1625004266&do=diff React * Pub Sub/Event Bus * Absolute Imports ---------- Redux npm install --save redux react-redux redux gives access to the store react-redux allows integration with react calling store.dispatch({type: “INCREMENT”}); will call your reducer with the given action An action is simply an object with a type property to indicate what we are doing text/html 2021-07-07T09:36:55+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.kalen.pw/doku.php?id=development:javascript:start&rev=1625675815&do=diff JavaScript * Asynchronous * Looping * Mutating Data * NodeJS * React * Vue text/html 2021-07-07T14:40:03+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.kalen.pw/doku.php?id=development:javascript:vue&rev=1625694003&do=diff Vue * Apex Charts ---------- Create project # vue-cli: pref for Vue2 npx @vue/cli create app-name # vite: pref for Vue3 npm init vite-app app-name ----------