The latest articles on Forem by Tim Ermilov (@yamalight). https://forem.com/yamalight https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F74375%2Fc59ddb2b-d6af-43a2-83b3-206af25af05b.png https://forem.com/yamalight en Tim Ermilov Sun, 26 Jan 2020 10:05:31 +0000 https://forem.com/yamalight/bxjs-weekly-episode-98-javascript-news-podcast-48nd https://forem.com/yamalight/bxjs-weekly-episode-98-javascript-news-podcast-48nd <p>Hey dev.to community!</p> <p>BxJS Weekly Episode 98 is now out! 🚀<br> Listen to the best javascript news of the week in a podcast form right here.</p> <p>Here's all the mentioned links (also found <a href="https://github.com/BuildingXwithJS/bxjs-weekly/blob/master/links/20-04-Episode-98.md">on github</a>):</p> <h2> Getting started: </h2> <ul> <li><a href="https://auth0.com/blog/javascript-promises-vs-rxjs-observables/">JavaScript Promises vs. RxJS Observables</a></li> <li><a href="https://css-tricks.com/how-to-turn-a-procreate-drawing-into-a-web-animation/">How to Turn a Procreate Drawing into a Web Animation</a></li> <li><a href="https://dev.to/maxart2501/pattern-matching-in-javascript-iji">Pattern matching in JavaScript</a></li> <li><a href="https://quiz.typeofnan.dev/">TypeOfNaN JavaScript Quizzes</a></li> </ul> <h2> Articles &amp; News: </h2> <ul> <li><a href="https://www.voorhoede.nl/en/blog/the-state-of-installability/">The state of installability</a></li> <li><a href="https://blog.s1h.org/inside-node-executing-a-script/">Inside node: What happens when we execute a script?</a></li> </ul> <h2> Tips, tricks &amp; bit-sized awesomeness: </h2> <ul> <li><a href="https://medium.com/wasmer/wasmer-io-devices-announcement-6f2a6fe23081">Building Graphical Applications with Wasmer and WASI</a></li> <li><a href="https://github.com/luruke/browser-2020">browser-2020</a></li> </ul> <h2> Releases: </h2> <ul> <li><a href="https://github.com/avajs/ava/releases/tag/v3.0.0">Ava v3.0</a></li> <li><a href="https://dev.to/arcanis/introducing-yarn-2-4eh1">Yarn 2</a></li> <li><a href="https://github.com/developit/htm/releases/tag/3.0.0">HTM 3</a></li> <li><a href="https://proton-native.js.org/#/v2_changes">proton-native v2</a></li> <li><a href="https://nodejs.org/en/blog/release/v13.7.0/">Node v13.7.0</a></li> </ul> <h2> Libs &amp; demos: </h2> <ul> <li><a href="https://github.com/microsoft/playwright">playwright</a></li> <li><a href="https://miragejs.com/">miragejs</a></li> <li><a href="https://github.com/hernansartorio/react-nice-dates">react-nice-dates</a></li> <li><a href="https://github.com/lukeed/calendarize">calendarize</a></li> <li><a href="https://github.com/neuronetio/gantt-schedule-timeline-calendar">gantt-schedule-timeline-calendar</a></li> <li><a href="https://github.com/FormidableLabs/spectacle">spectacle</a></li> <li><a href="https://github.com/connor4312/blake3">blake3</a></li> <li><a href="https://github.com/kevin940726/remark-codesandbox">remark-codesandbox</a></li> <li><a href="https://github.com/shelljs/shx">shx</a></li> </ul> <h2> Interesting &amp; silly stuff: </h2> <ul> <li><a href="https://github.com/trimstray/the-book-of-secret-knowledge">the-book-of-secret-knowledge</a></li> </ul> <p>Any feedback is appreciated 😁</p> <p>Additional stuff:</p> <ul> <li><a href="https://youtube.com/c/TimErmilov">Youtube channel</a></li> <li><a href="https://www.twitch.tv/yamalight">Twitch channel</a></li> <li><a href="https://discord.gg/hnKCXqQ">Discord server</a></li> <li><a href="https://github.com/BuildingXwithJS/bxjs-weekly">BxJS Weekly github repo</a></li> </ul> <p>Social media links:</p> <ul> <li><a href="http://twitter.com/yamalight">Twitter</a></li> <li><a href="http://github.com/yamalight">Github</a></li> </ul> <p>If you enjoy my content, please consider <a href="https://codezen.net/support.html">supporting me</a> 😉</p> javascript node podcast news Tim Ermilov Sun, 05 Jan 2020 10:17:46 +0000 https://forem.com/yamalight/bxjs-weekly-episode-95-javascript-news-podcast-2365 https://forem.com/yamalight/bxjs-weekly-episode-95-javascript-news-podcast-2365 <p>Hey dev.to community!</p> <p>BxJS Weekly Episode 95 is now out! 🚀<br> Listen to the best javascript news of the week in a podcast form right here.</p> <p>Here's all the mentioned links (also found <a href="https://github.com/BuildingXwithJS/bxjs-weekly/blob/master/links/20-01-Episode-95.md">on github</a>):</p> <h2> Getting started: </h2> <ul> <li><a href="https://blog.logrocket.com/comparing-react-testing-libraries/">Comparing React testing libraries</a></li> <li><a href="https://2ality.com/2020/01/regexp-lastindex.html">JavaScript regular expressions: /g, /y, and .lastIndex</a></li> <li><a href="https://kentcdodds.com/blog/dont-call-a-react-function-component">Don't call a React function component</a></li> <li><a href="https://2ality.com/2019/12/intl-pluralrules.html">Simple pluralization via Intl.PluralRules</a></li> <li><a href="http://www.airovic.com/itsjustaniframe.html">I only use an iFrame to crawl and scrape content</a></li> <li><a href="https://www.twilio.com/blog/how-positive-was-your-year-with-tensorflow-js-and-twilio">How Positive was Your Year with TensorFlow.js and Twilio</a></li> <li><a href="https://overreacted.io/on-let-vs-const/">On let vs const</a></li> <li><a href="https://overreacted.io/what-is-javascript-made-of/">What Is JavaScript Made Of?</a></li> </ul> <h2> Articles &amp; News: </h2> <ul> <li><a href="https://nickmeldrum.com/blog/intriguing-reason-node-not-promises-by-default">An intriguing reason why Node.js libraries aren't promises by default</a></li> <li><a href="https://arkwright.github.io/scaling-react-server-side-rendering.html">Scaling React Server-Side Rendering</a></li> <li><a href="https://medium.com/javascript-in-plain-english/why-svelte-wont-kill-react-3cfdd940586a">Why Svelte won’t kill React</a></li> </ul> <h2> Tips, tricks &amp; bit-sized awesomeness: </h2> <ul> <li><a href="https://twitter.com/nodekitten/status/1212114557939933184?s=12">Node 8 is now EOL</a></li> <li><a href="https://2ality.com/2019/12/ecmascript-2020.html">Feature watch: ECMAScript 2020</a></li> </ul> <h2> Releases: </h2> <ul> <li><a href="https://blog.emberjs.com/2019/12/20/octane-is-here.html">Ember 3.15 Octane</a></li> </ul> <h2> Libs &amp; demos: </h2> <ul> <li><a href="https://github.com/maple3142/wasm-jseval">wasm-jseval</a></li> <li><a href="https://github.com/falcon78/Vusic">Vusic</a></li> <li><a href="https://github.com/mayeaux/nodetube">nodetube</a></li> <li><a href="https://github.com/victorqribeiro/isocity">isocity</a></li> <li><a href="https://github.com/oguzeroglu/Rhubarb">Rhubarb</a></li> <li><a href="https://github.com/lastmjs/zwitterion">zwitterion</a></li> <li><a href="https://github.com/chrispsn/mesh">mesh</a></li> <li><a href="https://github.com/maciejczyzewski/airtrash">airtrash</a></li> <li><a href="https://github.com/aws/jsii">jsii</a></li> <li><a href="https://github.com/isaacs/promise-all-reject-late">promise-all-reject-late</a></li> <li><a href="https://github.com/jordwalke/one-click.js">one-click.js</a></li> <li><a href="https://github.com/Tencent/Hippy">Hippy</a></li> <li><a href="https://github.com/fuse-friends/fuse-native">fuse-native</a></li> <li><a href="https://github.com/dosyago/22120">22120</a></li> <li><a href="http://websdr.ewi.utwente.nl:8901/">Wide-band WebSDR</a></li> </ul> <h2> Interesting &amp; silly stuff: </h2> <ul> <li><a href="https://justjavascript.com/">Just Javascript by Dan Abramov</a></li> </ul> <p>Any feedback is appreciated 😁</p> <p>Additional stuff:</p> <ul> <li><a href="https://youtube.com/c/TimErmilov">Youtube channel</a></li> <li><a href="https://www.twitch.tv/yamalight">Twitch channel</a></li> <li><a href="https://discord.gg/hnKCXqQ">Discord server</a></li> <li><a href="https://github.com/BuildingXwithJS/bxjs-weekly">BxJS Weekly github repo</a></li> </ul> <p>Social media links:</p> <ul> <li><a href="http://twitter.com/yamalight">Twitter</a></li> <li><a href="http://github.com/yamalight">Github</a></li> </ul> <p>If you enjoy my content, please consider <a href="https://codezen.net/support.html">supporting me</a> 😉</p> javascript node podcast news Tim Ermilov Sat, 14 Dec 2019 17:11:26 +0000 https://forem.com/yamalight/bxjs-weekly-episode-93-javascript-news-podcast-32gk https://forem.com/yamalight/bxjs-weekly-episode-93-javascript-news-podcast-32gk <p>Hey dev.to community!</p> <p>BxJS Weekly Episode 93 is now out! 🚀<br> Listen to the best javascript news of the week in a podcast form right here.</p> <p>Here's all the mentioned links (also found <a href="https://github.com/BuildingXwithJS/bxjs-weekly/blob/master/links/19-50-Episode-93.md">on github</a>):</p> <h2> Getting started: </h2> <ul> <li><a href="https://auth0.com/blog/building-a-wikipedia-app-using-react-hooks-and-auth0/">Building a Wikipedia App Using React Hooks and Auth0</a></li> <li><a href="https://kentcdodds.com/blog/inversion-of-control">Inversion of Control</a></li> <li><a href="https://strapi.io/blog/build-a-blog-with-next-react-js-strapi-and-apollo">Build a blog with Next (React.js), Strapi and Apollo</a></li> <li><a href="https://lihautan.com/json-parser-with-javascript/">JSON Parser with JavaScript</a></li> <li><a href="https://alain.xyz/blog/raw-webgl">Raw WebGL</a></li> <li><a href="https://zellwk.com/blog/mongoose/">Mongoose 101</a></li> </ul> <h2> Articles &amp; News: </h2> <ul> <li><a href="https://nodejs.org/en/blog/uncategorized/10-lts-to-12-lts/">The Difference Between Node.js 10 LTS and Node.js 12 LTS</a></li> <li><a href="https://dev.to/florianrappl/microfrontends-based-on-react-4oo9">Microfrontends based on React</a></li> <li><a href="https://blog.plaid.com/how-we-parallelized-our-node-service-by-30x/">How we 30x'd our Node parallelism</a></li> <li><a href="https://leewarrick.com/blog/the-problem-with-context/">The Problem with React's Context API</a></li> </ul> <h2> Tips, tricks &amp; bit-sized awesomeness: </h2> <ul> <li><a href="https://www.dylanpaulus.com/2019-11-24-how-fb-avoids-adblockers/">How Facebook Avoids Ad Blockers</a></li> <li><a href="https://webdesign.tutsplus.com/articles/new-css-is-for-easy-element-targeting--cms-34223">How to Use New CSS “:is()” for Easy Element Targeting</a></li> <li><a href="https://openjsf.org/blog/2019/12/11/electron-joins-the-openjs-foundation/">Electron joins the OpenJS Foundation</a></li> <li><a href="https://twitter.com/daKmoR/status/1204877164233015297">TIL an es module import orders your exports alphabetically</a></li> <li><a href="https://twitter.com/npmjs/status/1204931230459813889?s=12">PSA: please update to npm v6.13.4 as soon as possible</a></li> </ul> <h2> Releases: </h2> <ul> <li><a href="https://code.visualstudio.com/updates/v1_41">VS Code v1.41</a></li> <li><a href="https://twitter.com/preactjs/status/1204124601334337538?s=12">Preact 10.1.0</a></li> </ul> <h2> Libs &amp; demos: </h2> <ul> <li><a href="https://github.com/Risk3sixty-Labs/geoapi">geoapi</a></li> <li><a href="https://github.com/ecaron/smart-nightlight-manager">smart-nightlight-manager</a></li> <li><a href="https://formiz-react.com/">formiz</a></li> <li><a href="https://github.com/hellojoshuatonga/react-use-fuzzy">react-use-fuzzy</a></li> <li><a href="https://github.com/appwrite/appwrite">appwrite</a></li> <li><a href="https://github.com/koddr/sweetconfirm.js">sweetconfirm.js</a></li> <li><a href="https://github.com/vinissimus/next-translate">next-translate</a></li> <li><a href="https://github.com/TRUEPIC/queryql">queryql</a></li> <li><a href="https://github.com/ericclemmons/codelift">codelift</a></li> <li><a href="https://github.com/yhenni1989/app-intro-lottie-expo">app-intro-lottie-expo</a></li> <li><a href="https://github.com/mikbry/anzip">anzip</a></li> <li><a href="https://github.com/reactjs/react-tabs">react-tabs</a></li> </ul> <h2> Interesting &amp; silly stuff: </h2> <ul> <li><a href="https://exploringjs.com/deep-js/">Deep JavaScript by Dr. Axel Rauschmayer out now</a></li> <li><a href="https://instadeq.com/blog/posts/things-end-users-care-about-but-programmers-dont/">Things end users care about but programmers don't</a></li> </ul> <p>Any feedback is appreciated 😁</p> <p>Additional stuff:</p> <ul> <li><a href="https://youtube.com/c/TimErmilov">Youtube channel</a></li> <li><a href="https://www.twitch.tv/yamalight">Twitch channel</a></li> <li><a href="https://discord.gg/hnKCXqQ">Discord server</a></li> <li><a href="https://github.com/BuildingXwithJS/bxjs-weekly">BxJS Weekly github repo</a></li> </ul> <p>Social media links:</p> <ul> <li><a href="http://twitter.com/yamalight">Twitter</a></li> <li><a href="http://github.com/yamalight">Github</a></li> </ul> <p>If you enjoy my content, please consider <a href="https://codezen.net/support.html">supporting me</a> 😉</p> javascript node podcast news Tim Ermilov Sun, 17 Nov 2019 11:31:03 +0000 https://forem.com/yamalight/bxjs-weekly-episode-89-javascript-news-podcast-2c0p https://forem.com/yamalight/bxjs-weekly-episode-89-javascript-news-podcast-2c0p <p>Hey dev.to community!</p> <p>BxJS Weekly Episode 89 is now out! 🚀<br> Listen to the best javascript news of the week in a podcast form right here.</p> <p>Here's all the mentioned links (also found <a href="https://github.com/BuildingXwithJS/bxjs-weekly/blob/master/links/19-46-Episode-89.md">on github</a>):</p> <h2> Getting started: </h2> <ul> <li><a href="https://v8.dev/features/string-replaceall">V8 Blog: String.prototype.replaceAll</a></li> <li><a href="https://2ality.com/2019/11/creating-class-instances.html">Techniques for instantiating classes</a></li> <li><a href="https://blog.logrocket.com/rxjs-with-react-hooks-for-state-management/">RxJS with React Hooks for state management</a></li> <li><a href="https://dmitripavlutin.com/react-usestate-hook-guide/">The Wise Guide to React useState() Hook</a></li> <li><a href="https://blog.logrocket.com/having-fun-with-es6-proxies/">Having fun with ES6 proxies</a></li> <li><a href="https://pomb.us/build-your-own-react/">Build your own React</a></li> <li><a href="https://yvonnickfrin.dev/build-a-nodejs-cli-using-yargs">Build a Node.js CLI using yargs</a></li> <li><a href="https://medium.com/@winwardo/how-concurrent-react-changes-the-game-for-data-heavy-ui-a0f432655625">How Concurrent React changes the game for data-heavy UI 🕰️</a></li> </ul> <h2> Articles &amp; News: </h2> <ul> <li><a href="https://jrsinclair.com/articles/2019/algebraic-structures-what-i-wish-someone-had-explained-about-functional-programming/">Algebraic Structures: Things I wish someone had explained about functional programming</a></li> <li><a href="https://ayushgp.github.io/scaling-websockets-using-sharedworkers/">Scaling WebSocket Connections using Shared Workers</a></li> <li><a href="https://hacks.mozilla.org/2019/11/announcing-the-bytecode-alliance/">Announcing the Bytecode Alliance: Building a secure by default, composable future for WebAssembly</a></li> <li><a href="https://dev.to/davidkpiano/no-disabling-a-button-is-not-app-logic-598i">No, disabling a button is not app logic.</a></li> <li><a href="https://ripsawridge.github.io/articles/exceptions/">Exceptions in v8</a></li> </ul> <h2> Tips, tricks &amp; bit-sized awesomeness: </h2> <ul> <li><a href="https://twitter.com/MylesBorins/status/1194375751774064647">We just unflagged ESM in Nodejs</a></li> <li><a href="https://twitter.com/dan_abramov/status/1192898770842931209?s=12">Neat hack: you can hot reload a Node app on every request by delaying the require in development</a></li> <li><a href="https://twitter.com/tejaskumar_/status/1194689434656088065?s=12">HTML has native support for autocomplete-style dropdowns</a></li> <li><a href="https://github.com/npm/rfcs/blob/latest/accepted/0017-add-funding-support.md">New <code>funding</code> field in <code>package.json</code></a></li> <li><a href="https://twitter.com/dan_abramov/status/1193903570078306308?s=12">Why Suspense matters, a short thread</a></li> <li><a href="https://twitter.com/scottjehl/status/1193907068840947713">Given the volume of chatter in the dev world, you’d be forgiven for thinking that React is used on the majority of websites today. The real number? 4.6% of websites.</a></li> <li><a href="https://blog.chromium.org/2019/11/moving-towards-faster-web.html">Moving towards a faster web</a></li> <li><a href="https://ashleynolan.co.uk/blog/frontend-tooling-survey-2019-results">The Front-End Tooling Survey 2019 - Results</a></li> <li><a href="https://twitter.com/CompuIves/status/1194622411666272257">Announcing CodeSandbox CI</a></li> <li><a href="https://twitter.com/gatsbyjs/status/1195022379866640384?s=12">Announcing Gatsby Cloud</a></li> </ul> <h2> Releases: </h2> <ul> <li><a href="https://greensock.com/3">GSAP 3</a></li> <li><a href="https://brave.com/brave-launches-next-generation-browser/">Brave v1.0</a></li> </ul> <h2> Libs &amp; demos: </h2> <ul> <li><a href="https://github.com/babel/preset-modules">babel/preset-modules</a></li> <li><a href="https://github.com/medhatdawoud/react-change-highlight">react-change-highlight</a></li> <li><a href="https://github.com/barisusakli/faultline">faultline</a></li> <li><a href="https://www.pagedmedia.org/paged-js/">Paged.js</a></li> <li><a href="https://github.com/pvdz/tenko">tenko</a></li> <li><a href="https://github.com/wendelfreitas/animavita">animavita</a></li> <li><a href="https://github.com/GoogleChromeLabs/react-adaptive-hooks">react-adaptive-hooks</a></li> <li><a href="https://github.com/fwouts/react-screenshot-test">react-screenshot-test</a></li> <li><a href="https://github.com/JustinBeckwith/linkinator">linkinator</a></li> </ul> <h2> Interesting &amp; silly stuff: </h2> <ul> <li><a href="https://brave.com/brave-fingerprinting-and-privacy-budgets/">Brave, Fingerprinting, and Privacy Budgets</a></li> <li><a href="https://nodewatch.dev/">NodeWatch</a></li> <li><a href="https://github.blog/changelog/">New GitHub features</a></li> </ul> <p>Any feedback is appreciated 😁</p> <p>Additional stuff:</p> <ul> <li><a href="https://youtube.com/c/TimErmilov">Youtube channel</a></li> <li><a href="https://www.twitch.tv/yamalight">Twitch channel</a></li> <li><a href="https://discord.gg/hnKCXqQ">Discord server</a></li> <li><a href="https://github.com/BuildingXwithJS/bxjs-weekly">BxJS Weekly github repo</a></li> </ul> <p>Social media links:</p> <ul> <li><a href="http://twitter.com/yamalight">Twitter</a></li> <li><a href="http://github.com/yamalight">Github</a></li> </ul> <p>If you enjoy my content, please consider <a href="https://codezen.net/support.html">supporting me</a> 😉</p> javascript node podcast news Tim Ermilov Sun, 10 Nov 2019 11:56:27 +0000 https://forem.com/yamalight/bxjs-weekly-episode-88-javascript-news-podcast-28g7 https://forem.com/yamalight/bxjs-weekly-episode-88-javascript-news-podcast-28g7 <p>Hey dev.to community!</p> <p>BxJS Weekly Episode 88 is now out! 🚀<br> Listen to the best javascript news of the week in a podcast form right here.</p> <p>Here's all the mentioned links (also found <a href="https://github.com/BuildingXwithJS/bxjs-weekly/blob/master/links/19-45-Episode-88.md">on github</a>):</p> <h2> Getting started: </h2> <ul> <li><a href="https://2ality.com/2019/11/object-property-attributes.html">Attributes of object properties in JavaScript</a></li> <li><a href="https://2ality.com/2019/10/type-coercion.html">Type coercion in JavaScript</a></li> <li><a href="https://www.freecodecamp.org/news/the-svelte-handbook/">The Svelte Handbook</a></li> <li><a href="https://dev.to/hoangbkit/a-complete-guide-to-javascript-tooling-56eg">A Complete Guide to JavaScript Tooling</a></li> <li><a href="https://dev.to/deciduously/validate-a-credit-card-number-with-functional-javascript-54oe">Validate a Credit Card Number with Functional JavaScript</a></li> <li><a href="https://dev.to/ameerthehacker/build-your-own-react-in-90-lines-of-javascript-1je2">Build your own React in 90 lines of JavaScript</a></li> <li><a href="https://2ality.com/2019/11/nodejs-streams-async-iteration.html">Easier Node.js streams via async iteration</a></li> <li><a href="https://blog.logrocket.com/responsive-camera-component-react-hooks/">Building a responsive camera component with React Hooks</a></li> <li><a href="https://kentcdodds.com/blog/how-to-enable-react-concurrent-mode">How to Enable React Concurrent Mode</a></li> <li><a href="https://www.sitepoint.com/discord-bot-node-js/">How to Build Your First Discord Bot with Node.js</a></li> </ul> <h2> Articles &amp; News: </h2> <ul> <li><a href="https://blog.appsignal.com/2019/10/17/javascript-errors-an-exceptional-history.html">JavaScript Errors: An Exceptional History</a></li> <li><a href="https://medium.com/@craigmiller160/how-to-fully-optimize-webpack-4-tree-shaking-405e1c76038">How to Fully Optimize Webpack 4 Tree Shaking</a></li> <li><a href="https://reactjs.org/blog/2019/11/06/building-great-user-experiences-with-concurrent-mode-and-suspense.html">Building Great User Experiences with Concurrent Mode and Suspense</a></li> <li><a href="https://blog.discordapp.com/how-discord-achieves-native-ios-performance-with-react-native-390c84dcd502">How Discord achieves native iOS performance with React Native</a></li> <li><a href="https://blog.sqreen.com/building-a-native-add-on-for-node-js-in-2019/">Building a native add-on for Node.js in 2019</a></li> <li><a href="https://swizec.com/blog/experimenting-with-the-new-react-concurrent-mode/swizec/9231">Experimenting with the new React Concurrent mode</a></li> </ul> <h2> Tips, tricks &amp; bit-sized awesomeness: </h2> <ul> <li><a href="https://twitter.com/slightlylate/status/1191026394421026816?s=12">Apple keeps the web second-class on iOS</a></li> <li><a href="https://twitter.com/sandofsky/status/1191137784670519296?s=12">Apple now rejects Electron apps from Mac App Store</a></li> <li><a href="https://twitter.com/tomwarren/status/1191354600093294592">Microsoft’s new Edge Chromium browser will be released on January 15th</a></li> <li><a href="https://twitter.com/_zouhir/status/1192593316971347970?s=12">Proposals for 2 additional primitives to allow better websites spanning across 2 screens on dual-screen devices</a></li> <li><a href="https://twitter.com/stefanjudis/status/1191347615075459072?s=12">PSA: Browsers will soon change how they treat third-party cookies</a></li> <li><a href="https://blog.mozilla.org/futurereleases/2019/11/04/restricting-notification-permission-prompts-in-firefox/">Restricting Notification Permission Prompts in Firefox</a></li> <li><a href="https://twitter.com/chromedevtools/status/1192426360674885632?s=12">Rerunning code that declare let-variables no longer cause failures in DevTools console</a></li> <li><a href="https://twitter.com/bitandbang/status/1082331715471925250?s=12">How to start any new Node.js project</a></li> </ul> <h2> Releases: </h2> <ul> <li><a href="https://code.visualstudio.com/updates/v1_40">VS Code v1.40</a></li> <li><a href="https://twitter.com/typescript/status/1191766259035189249">TypeScript 3.7</a></li> <li><a href="https://nodejs.org/en/blog/release/v13.1.0/">Node v13.1.0</a></li> <li><a href="https://github.com/chalk/chalk/releases/tag/v3.0.0">Chalk v3</a></li> </ul> <h2> Libs &amp; demos: </h2> <ul> <li><a href="https://github.com/tannerlinsley/react-query">react-query</a></li> <li><a href="https://github.com/signalsciences/rsrc/">rsrc</a></li> <li><a href="https://github.com/brajevicm/next-universal-route">next-universal-route</a></li> <li><a href="https://github.com/jvilk/BrowserFS">BrowserFS</a></li> <li><a href="https://github.com/ShinyTrinkets/twofold.js">twofold.js</a></li> <li><a href="https://github.com/a-jie/Proton">Proton</a></li> <li><a href="https://github.com/gaearon/suspense-experimental-github-demo">suspense-experimental-github-demo</a></li> </ul> <h2> Interesting &amp; silly stuff: </h2> <ul> <li><a href="https://www.youtube.com/watch?v=To2JIXGoYzA">I made an actual Drum Machine in Excel</a></li> </ul> <p>Any feedback is appreciated 😁</p> <p>Additional stuff:</p> <ul> <li><a href="https://youtube.com/c/TimErmilov">Youtube channel</a></li> <li><a href="https://www.twitch.tv/yamalight">Twitch channel</a></li> <li><a href="https://discord.gg/hnKCXqQ">Discord server</a></li> <li><a href="https://github.com/BuildingXwithJS/bxjs-weekly">BxJS Weekly github repo</a></li> </ul> <p>Social media links:</p> <ul> <li><a href="http://twitter.com/yamalight">Twitter</a></li> <li><a href="http://github.com/yamalight">Github</a></li> </ul> <p>If you enjoy my content, please consider <a href="https://codezen.net/support.html">supporting me</a> 😉</p> javascript node podcast news Tim Ermilov Sun, 03 Nov 2019 12:30:21 +0000 https://forem.com/yamalight/bxjs-weekly-episode-87-javascript-news-podcast-4gig https://forem.com/yamalight/bxjs-weekly-episode-87-javascript-news-podcast-4gig <p>Hey dev.to community!</p> <p>BxJS Weekly Episode 87 is now out! 🚀<br> Listen to the best javascript news of the week in a podcast form right here.</p> <p>Here's all the mentioned links (also found <a href="https://github.com/BuildingXwithJS/bxjs-weekly/blob/master/links/19-44-Episode-87.md">on github</a>):</p> <h2> Getting started: </h2> <ul> <li><a href="https://learnk8s.io/nodejs-kubernetes-guide/">Hands-on guide: developing and deploying Node.js apps in Kubernetes</a></li> <li><a href="http://www.breck-mckye.com/blog/2019/10/modern-javascript-features-you-may-have-missed/">Modern JavaScript features you may have missed</a></li> <li><a href="https://www.sitepoint.com/how-to-build-your-first-telegram-chatbot-with-node-js/">How to Build Your First Telegram Chatbot with Node.js</a></li> </ul> <h2> Articles &amp; News: </h2> <ul> <li><a href="https://dev.to/devdevcharlie/playing-beat-saber-in-the-browser-with-body-movements-using-posenet-tensorflow-js-36km">Playing Beat Saber in the browser with body movements using PoseNet &amp; Tensorflow.js</a></li> <li><a href="https://hswolff.com/blog/why-is-react-concurrent-mode-exciting/">Why Is React Concurrent Mode Exciting?</a></li> </ul> <h2> Tips, tricks &amp; bit-sized awesomeness: </h2> <ul> <li><a href="https://kryogenix.org/code/browser/everyonehasjs.html">Everyone has JavaScript, right?</a></li> <li><a href="https://twitter.com/wasmerio/status/1187874502107004928?s=12">We just ported #OpenSSL to WASI</a></li> <li><a href="https://twitter.com/MylesBorins/status/1189618753065144322">Node modules team managed to reach consensus on a path to unflagging ESM in Node.js core</a></li> <li><a href="https://twitter.com/argyleink/status/1189944960960745472?s=12">Coming to Chrome Canary: optional chaining 🎉</a></li> <li><a href="https://blog.mozilla.org/addons/2019/10/31/firefox-to-discontinue-sideloaded-extensions/">Upcoming changes to extension sideloading</a></li> <li><a href="https://blog.mozilla.org/firefox/firefox-privacy-protections/">Firefox privacy protections reveal who’s trying to track you</a></li> <li><a href="https://mobile.twitter.com/dan_abramov/status/1190281186796605440">A thread on what Suspense is, and isn’t</a></li> <li><a href="https://blog.chromium.org/2019/10/chrome-79-beta-virtual-reality-comes-to.html">Chrome 79 Beta: Virtual Reality Comes to the Web</a></li> </ul> <h2> Releases: </h2> <ul> <li><a href="https://twitter.com/alexandereardon/status/1188954420597293057?s=12">react-beautiful-dnd 12.0</a></li> <li><a href="https://github.com/immerjs/immer/releases/tag/v5.0.0">immerjs v5.0</a></li> <li><a href="https://github.com/jaredpalmer/formik/releases/tag/v2.0.1">Formik v2.0</a></li> </ul> <h2> Libs &amp; demos: </h2> <ul> <li><a href="https://github.com/jamesknelson/react-zen">react-zen</a></li> <li><a href="https://github.com/developit/mitt">mitt</a></li> <li><a href="https://swr.now.sh/">swr</a></li> <li><a href="https://github.com/aholachek/mobile-first-animation">mobile-first-animation</a></li> <li><a href="https://github.com/nearform/node-clinic">node-clinic</a></li> <li><a href="https://github.com/pahen/madge">madge</a></li> <li><a href="https://github.com/kaviarjs/nova">nova</a></li> </ul> <h2> Interesting &amp; silly stuff: </h2> <ul> <li><a href="https://devdocs.io/">devdocs</a></li> </ul> <p>Any feedback is appreciated 😁</p> <p>Additional stuff:</p> <ul> <li><a href="https://youtube.com/c/TimErmilov">Youtube channel</a></li> <li><a href="https://www.twitch.tv/yamalight">Twitch channel</a></li> <li><a href="https://discord.gg/hnKCXqQ">Discord server</a></li> <li><a href="https://github.com/BuildingXwithJS/bxjs-weekly">BxJS Weekly github repo</a></li> </ul> <p>Social media links:</p> <ul> <li><a href="http://twitter.com/yamalight">Twitter</a></li> <li><a href="http://github.com/yamalight">Github</a></li> </ul> <p>If you enjoy my content, please consider <a href="https://codezen.net/support.html">supporting me</a> 😉</p> javascript node podcast news Tim Ermilov Sun, 27 Oct 2019 14:46:54 +0000 https://forem.com/yamalight/bxjs-weekly-episode-86-javascript-news-podcast-4km9 https://forem.com/yamalight/bxjs-weekly-episode-86-javascript-news-podcast-4km9 <p>Hey dev.to community!</p> <p>BxJS Weekly Episode 86 is now out! 🚀<br> Listen to the best javascript news of the week in a podcast form right here.</p> <p>Here's all the mentioned links (also found <a href="https://github.com/BuildingXwithJS/bxjs-weekly/blob/master/links/19-43-Episode-86.md">on github</a>):</p> <h2> Getting started: </h2> <ul> <li><a href="https://www.framer.com/books/framer-guide-to-react/">Framer guide to React</a></li> <li><a href="https://wanago.io/2019/10/21/understanding-proxy-preserving-library-backward-compatibility/">The purpose of JavaScript Proxy</a></li> <li><a href="https://blog.bitsrc.io/writing-a-typing-game-with-melonjs-ef0dd42f37bf">Building a Typing Game with MelonJS</a></li> <li><a href="https://lukaszmakuch.pl/post/react-hooks-oops-part-3-an-effect-does-not-run-again-when-its-dependencies-change/">React hooks... Oops! Part 3 - an effect doesn't run again when its dependencies change</a></li> <li><a href="https://dmitripavlutin.com/react-hooks-stale-closures/">Be Aware of Stale Closures when Using React Hooks</a></li> <li><a href="https://blog.logrocket.com/creating-a-lists-pwa-with-react-and-firebase/">Creating a “Lists” PWA with React and Firebase</a></li> <li><a href="https://medium.com/nmc-techblog/wait-youre-not-using-react-strictmode-a9713927a33b">Wait, you’re not using ?!</a></li> <li><a href="https://2ality.com/2019/10/shared-mutable-state.html">The problems of shared mutable state and how to avoid them</a></li> </ul> <h2> Articles &amp; News: </h2> <ul> <li><a href="https://medium.com/beyond-webspellchecker/befriending-wysiwyg-editors-text-highlighting-with-virtual-underlines-48c80a680b2f">Befriending WYSIWYG Editors: Text Highlighting with Virtual Underlines</a></li> <li><a href="https://itnext.io/build-ffmpeg-webassembly-version-ffmpeg-js-part-3-ffmpeg-js-v0-1-0-transcoding-avi-to-mp4-f729e503a397">Build FFmpeg WebAssembly version (= ffmpeg.js): Part.3 ffmpeg.js v0.1.0 — Transcoding avi to mp4</a></li> <li><a href="https://reactjs.org/blog/2019/10/22/react-release-channels.html">Preparing for the Future with React Prereleases</a></li> <li><a href="https://reactjs.org/docs/concurrent-mode-intro.html">Introducing Concurrent Mode (Experimental)</a></li> </ul> <h2> Tips, tricks &amp; bit-sized awesomeness: </h2> <ul> <li><a href="https://twitter.com/RReverser/status/1185680151780233219?s=09">TIL you can give custom names to Web Workers for easier debugging</a></li> <li><a href="https://twitter.com/geteslint/status/1185268245432979456?s=09">Using GitHub Actions? actions/setup-node automatically annotates ESLint failures</a></li> <li><a href="https://medium.com/samsung-internet-dev/introducing-progressive-web-apps-to-samsung-galaxy-store-47ecd317725b">Introducing Progressive Web Apps to Samsung Galaxy Store</a></li> <li><a href="https://twitter.com/wesbos/status/1187745700320337920?s=12">Since arrays are objects, we can destructure their indexes to easily grab the first and last items.</a></li> </ul> <h2> Releases: </h2> <ul> <li><a href="https://nodejs.org/en/blog/release/v12.13.0/">Node v12.13.0 (LTS)</a></li> <li><a href="https://nodejs.org/en/blog/release/v13.0.0/">Node v13.0.0 (Current)</a></li> <li><a href="https://developers.google.com/web/updates/2019/10/nic78">Chrome 78</a></li> <li><a href="https://hacks.mozilla.org/2019/10/firefox-70-a-bountiful-release-for-all/">Firefox 70</a></li> <li><a href="https://ghost.org/blog/3-0/">Ghost 3.0</a></li> <li><a href="https://electronjs.org/blog/electron-7-0">Electron 7.0.0</a></li> <li><a href="https://github.com/GoogleChrome/puppeteer/releases/tag/v2.0.0">Puppeteer v2.0.0</a></li> </ul> <h2> Libs &amp; demos: </h2> <ul> <li><a href="https://www.type-route.org/">Type Route</a></li> <li><a href="https://github.com/orgoldfus/sql2mongo">sql2mongo</a></li> <li><a href="https://github.com/lando/lando">lando</a></li> <li><a href="https://github.com/kevinpollet/seel">seel</a></li> <li><a href="https://github.com/fuzzitdev/jsfuzz">jsfuzz</a></li> <li><a href="https://github.com/tinacms/tinacms">tinacms</a></li> <li><a href="https://github.com/getcampsite/campkit">campkit</a></li> <li><a href="https://github.com/bbc/peaks.js">peaks.js</a></li> <li><a href="https://github.com/FezVrasta/popper.js">popper.js</a></li> <li><a href="https://github.com/lukeed/totalist">totalist</a></li> <li><a href="https://github.com/logux/logux">logux</a></li> <li><a href="https://github.com/Munter/subfont">subfont</a></li> <li><a href="https://github.com/davidmarkclements/nonsynchronous">nonsynchronous</a></li> </ul> <h2> Interesting &amp; silly stuff: </h2> <ul> <li><a href="https://www.tu-braunschweig.de/Medien-DB/ias/pubs/2019-dimva.pdf">New Kid on the Web: A Study on the Prevalence of WebAssembly in the Wild</a></li> <li><a href="https://free-for.dev/">free-for.dev</a></li> </ul> <p>Any feedback is appreciated 😁</p> <p>Additional stuff:</p> <ul> <li><a href="https://youtube.com/c/TimErmilov">Youtube channel</a></li> <li><a href="https://www.twitch.tv/yamalight">Twitch channel</a></li> <li><a href="https://discord.gg/hnKCXqQ">Discord server</a></li> <li><a href="https://github.com/BuildingXwithJS/bxjs-weekly">BxJS Weekly github repo</a></li> </ul> <p>Social media links:</p> <ul> <li><a href="http://twitter.com/yamalight">Twitter</a></li> <li><a href="http://github.com/yamalight">Github</a></li> </ul> <p>If you enjoy my content, please consider <a href="https://codezen.net/support.html">supporting me</a> 😉</p> javascript node podcast news Tim Ermilov Sun, 20 Oct 2019 09:55:28 +0000 https://forem.com/yamalight/bxjs-weekly-episode-85-javascript-news-podcast-2de9 https://forem.com/yamalight/bxjs-weekly-episode-85-javascript-news-podcast-2de9 <p>Hey dev.to community!</p> <p>BxJS Weekly Episode 85 is now out! 🚀<br> Listen to the best javascript news of the week in a podcast form right here.</p> <p>Here's all the mentioned links (also found <a href="https://github.com/BuildingXwithJS/bxjs-weekly/blob/master/links/19-42-Episode-85.md">on github</a>):</p> <h2> Getting started: </h2> <ul> <li><a href="https://css-tricks.com/introducing-sass-modules/">Introducing Sass Modules</a></li> <li><a href="https://dmitripavlutin.com/simple-but-tricky-javascript-interview-questions/">7 Simple but Tricky JavaScript Interview Questions</a></li> <li><a href="https://itnext.io/react-lifting-state-up-is-killing-your-app-3ad6f0e1213d">React: Lifting state up is killing your app</a></li> <li><a href="https://www.chenhuijing.com/blog/the-wondrous-world-of-css-counters/">The wondrous world of CSS counters</a></li> </ul> <h2> Articles &amp; News: </h2> <ul> <li><a href="https://css-tricks.com/drawing-realistic-clouds-with-svg-and-css/">Drawing Realistic Clouds with SVG and CSS</a></li> <li><a href="https://adamwathan.me/2019/10/17/persistent-layout-patterns-in-nextjs/">Persistent Layout Patterns in Next.js</a></li> <li><a href="https://vueschool.io/articles/vuejs-tutorials/faster-web-applications-with-vue-3/">Faster Web Applications with Vue 3</a></li> </ul> <h2> Tips, tricks &amp; bit-sized awesomeness: </h2> <ul> <li><a href="https://jross.me/updating-your-website-favicon-dynamically-with-dark-mode/">Updating your website favicon dynamically with dark mode</a></li> <li><a href="https://ionicframework.com/blog/announcing-ionic-react/">Announcing Ionic React</a></li> <li><a href="https://github.com/zeit/next.js/issues/9081">Next.js RFC: Custom Routes</a></li> <li><a href="https://twitter.com/timneutkens/status/1185298758382292993">Next.js RFC: Plugins</a></li> <li><a href="https://blogs.windows.com/msedgedev/2019/10/15/form-controls-microsoft-edge-chromium/">Improving form controls in Microsoft Edge and Chromium</a></li> <li><a href="https://hacks.mozilla.org/2019/10/firefoxs-new-websocket-inspector/">Firefox’s New WebSocket Inspector</a></li> <li><a href="https://twitter.com/acemarke/status/1184298500189765632">React: Looks like we may be getting two new hooks - <code>useDeferredValue</code> and <code>useTransition</code></a></li> <li><a href="https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/AiGJihoCbl4/OmA24108DwAJ">Blink: Intent to Experiment: Serial API</a></li> </ul> <h2> Releases: </h2> <ul> <li><a href="https://twitter.com/wSokra/status/1182643911589797888?s=09">Webpack v5 beta</a></li> <li><a href="https://twitter.com/parceljs/status/1184121859832307712?s=09">Parcel 2 alpha 2</a></li> </ul> <h2> Libs &amp; demos: </h2> <ul> <li><a href="https://github.com/CrowdLinker/react-pager">react-pager</a></li> <li><a href="https://landing.ant.design/edit/">Ant Motion</a></li> <li><a href="https://github.com/johnmichel/Library-Detector-for-Chrome">Library-Detector-for-Chrome</a></li> <li><a href="https://github.com/mourner/bullshit.js">bullshit.js</a></li> <li><a href="https://www.joerezendes.com/projects/Woah.css/">Woah.css</a></li> <li><a href="https://github.com/victorqribeiro/dial">dial</a></li> <li><a href="https://github.com/devforth/painterro">painterro</a></li> <li><a href="https://github.com/vitus-labs/coolgrid">coolgrid</a></li> <li><a href="https://github.com/camwiegert/typical">typical</a></li> <li><a href="https://github.com/clementraballand6/noise-to-scroll">noise-to-scroll</a></li> <li><a href="https://github.com/jhackshaw/tspvis">tspvis</a></li> <li><a href="https://github.com/ehmicky/human-signals">human-signals</a></li> <li><a href="https://github.com/caderek/benny">benny</a></li> <li><a href="https://dexie.org/">dexie</a></li> <li><a href="https://github.com/maierfelix/azula">azula</a></li> <li><a href="https://github.com/sinclairzx81/zero">zero</a></li> </ul> <h2> Interesting &amp; silly stuff: </h2> <ul> <li><a href="https://blog.archive.org/2019/10/13/2500-more-ms-dos-games-playable-at-the-archive/">2,500 More MS-DOS Games Playable at the Archive</a></li> <li><a href="http://mystery.knightlab.com/">SQL Murder Mystery</a></li> <li><a href="https://github.com/hakluke/how-to-exit-vim">how-to-exit-vim</a></li> </ul> <p>Any feedback is appreciated 😁</p> <p>Additional stuff:</p> <ul> <li><a href="https://youtube.com/c/TimErmilov">Youtube channel</a></li> <li><a href="https://www.twitch.tv/yamalight">Twitch channel</a></li> <li><a href="https://discord.gg/hnKCXqQ">Discord server</a></li> <li><a href="https://github.com/BuildingXwithJS/bxjs-weekly">BxJS Weekly github repo</a></li> </ul> <p>Social media links:</p> <ul> <li><a href="http://twitter.com/yamalight">Twitter</a></li> <li><a href="http://github.com/yamalight">Github</a></li> </ul> <p>If you enjoy my content, please consider <a href="https://codezen.net/support.html">supporting me</a> 😉</p> javascript node podcast news Tim Ermilov Sun, 13 Oct 2019 10:44:37 +0000 https://forem.com/yamalight/bxjs-weekly-episode-84-javascript-news-podcast-2fbg https://forem.com/yamalight/bxjs-weekly-episode-84-javascript-news-podcast-2fbg <p>Hey dev.to community!</p> <p>BxJS Weekly Episode 84 is now out! 🚀<br> Listen to the best javascript news of the week in a podcast form right here.</p> <p>Here's all the mentioned links (also found <a href="https://github.com/BuildingXwithJS/bxjs-weekly/blob/master/links/19-41-Episode-84.md">on github</a>):</p> <h2> Getting started: </h2> <ul> <li><a href="https://www.stanleyulili.com/javascript/beginner-guide-to-chartjs/">The Beginner’s Guide to Chart.js</a></li> <li><a href="https://lukaszmakuch.pl/post/react-hooks-oops-part-2-effect-runs-multiple-times-with-the-same-dependencies/">React hooks... Oops! Part 2 - why does my effect run multiple times with the same dependencies?</a></li> <li><a href="https://auth0.com/blog/ultimate-guide-nextjs-authentication-auth0/">The Ultimate Guide to Next.js Authentication with Auth0</a></li> </ul> <h2> Articles &amp; News: </h2> <ul> <li><a href="https://nluqo.github.io/broughlike-tutorial/">JavaScript Broughlike Tutorial</a></li> <li><a href="https://jakearchibald.com/2019/service-workers-tpac/">Service workers at TPAC</a></li> <li><a href="https://2ality.com/2019/10/multi-module-eval.html">Letting web app users run multi-module JavaScript code</a></li> </ul> <h2> Tips, tricks &amp; bit-sized awesomeness: </h2> <ul> <li><a href="https://pawelgrzybek.com/til-the-power-of-json-stringify-replacer-parameter/">TIL — The power of json.stringify replacer parameter</a></li> <li><a href="https://v8.dev/features/top-level-await">Top-level await</a></li> <li><a href="https://twitter.com/_pastelsky/status/1180864405648502784">LastPass's Chrome Extension may slow down your browser by ~50%</a></li> <li><a href="https://nextjs.org/blog/create-next-app">Introducing Create Next App</a></li> <li><a href="https://www.blog.google/outreach-initiatives/grow-with-google/grasshopper-desktop-learn-to-code/">Learn to code with Grasshopper, now on desktop</a></li> </ul> <h2> Releases: </h2> <ul> <li><a href="https://code.visualstudio.com/updates/v1_39">VS Code v1.39</a></li> <li><a href="https://nextjs.org/blog/next-9-1">Next.js 9.1</a></li> <li><a href="https://github.com/kripod/react-hooks/releases/tag/v1.4.0">React-hooks v1.4.0</a></li> </ul> <h2> Libs &amp; demos: </h2> <ul> <li><a href="https://github.com/fengyuanchen/cropperjs">cropperjs</a></li> <li><a href="https://github.com/binji/raw-wasm">raw-wasm</a></li> <li><a href="https://github.com/lirantal/is-website-vulnerable">is-website-vulnerable</a></li> <li><a href="https://github.com/adobe/ferrum">ferrum</a></li> <li><a href="https://github.com/Bin-Huang/prray">prray</a></li> <li><a href="https://github.com/graphql-editor/diagram/">diagram</a></li> <li><a href="https://github.com/TheHappyKoala/Harmony-of-the-Spheres">Harmony-of-the-Spheres</a></li> <li><a href="https://webassembly.sh/">webassembly.sh</a></li> <li><a href="https://github.com/leeoniya/uPlot">uPlot</a></li> <li><a href="https://2019.js13kgames.com/#winners">js13kgames winners</a></li> </ul> <h2> Interesting &amp; silly stuff: </h2> <ul> <li>💤</li> </ul> <p>Any feedback is appreciated 😁</p> <p>Additional stuff:</p> <ul> <li><a href="https://youtube.com/c/TimErmilov">Youtube channel</a></li> <li><a href="https://www.twitch.tv/yamalight">Twitch channel</a></li> <li><a href="https://discord.gg/hnKCXqQ">Discord server</a></li> <li><a href="https://github.com/BuildingXwithJS/bxjs-weekly">BxJS Weekly github repo</a></li> </ul> <p>Social media links:</p> <ul> <li><a href="http://twitter.com/yamalight">Twitter</a></li> <li><a href="http://github.com/yamalight">Github</a></li> </ul> <p>If you enjoy my content, please consider <a href="https://codezen.net/support.html">supporting me</a> 😉</p> javascript node podcast news Tim Ermilov Sun, 06 Oct 2019 10:35:52 +0000 https://forem.com/yamalight/bxjs-weekly-episode-83-javascript-news-podcast-55lp https://forem.com/yamalight/bxjs-weekly-episode-83-javascript-news-podcast-55lp <p>Hey dev.to community!</p> <p>BxJS Weekly Episode 83 is now out! 🚀<br> Listen to the best javascript news of the week in a podcast form right here.</p> <p>Here's all the mentioned links (also found <a href="https://github.com/BuildingXwithJS/bxjs-weekly/blob/master/links/19-40-Episode-83.md">on github</a>):</p> <h2> Getting started: </h2> <ul> <li><a href="https://lihautan.com/creating-custom-javascript-syntax-with-babel/">Creating custom JavaScript syntax with Babel</a></li> <li><a href="https://www.telerik.com/kendo-react-ui/react-hooks-guide/">The Guide to Learning React Hooks (Examples &amp; Tutorials)</a></li> <li><a href="https://dev.to/bnb/an-unintentionally-comprehensive-introduction-to-github-actions-ci-blm">An Unintentionally Comprehensive Introduction to GitHub Actions CI</a></li> <li><a href="https://www.jsmonday.dev/articles/37/let-s-write-a-brainfuck-compiler">Let's Write a Brainfuck Compiler</a></li> <li><a href="https://dmitripavlutin.com/javascript-variables-and-temporal-dead-zone/">Don't Use JavaScript Variables Without Knowing Temporal Dead Zone</a></li> <li><a href="https://hibbard.eu/node-gui/">Getting Started with NodeGUI</a></li> <li><a href="https://dev.to/svijaykoushik/3-amazing-ways-to-generate-random-numbers-without-math-random-4e84">3 Amazing ways to generate random numbers without Math.random()</a></li> <li><a href="https://kentcdodds.com/blog/dont-sync-state-derive-it">Don't Sync State. Derive It!</a></li> <li><a href="https://blog.logrocket.com/working-with-node-js-on-hyper-v-and-wsl2/">Working with Node.js on Hyper-V and WSL2</a></li> <li><a href="https://web.dev/fixing-layout-instability/">Fixing layout instability</a></li> </ul> <h2> Articles &amp; News: </h2> <ul> <li><a href="https://2ality.com/2019/10/eval-via-import.html">Evaluating JavaScript code via import()</a></li> <li><a href="https://codeburst.io/mario-kart-css-7572bd2ce608">Mario Kart: CSS</a></li> </ul> <h2> Tips, tricks &amp; bit-sized awesomeness: </h2> <ul> <li><a href="https://twitter.com/jensimmons/status/1178974716494831616">Mozilla Developer channel now on Youtube</a></li> <li><a href="https://twitter.com/katiehempenius/status/1178730532131266561">Audit the runtime performance of your ESLint rules</a></li> <li><a href="https://twitter.com/robpalmer2/status/1179110581305008129?s=09">ECMAScript Proposal: Records &amp; Tuples achieved Stage 1</a></li> <li><a href="https://twitter.com/ljharb/status/1179133613020987393">ECMAScript Proposal: <code>globalThis</code> is now stage 4</a></li> <li><a href="https://medium.com/wasmer/wasmer-js-9a53e837b80">Running WASI in Javascript with Wasmer-JS</a></li> <li><a href="https://twitter.com/openjsf/status/1179743425131945984">OpenJS Foundation welcomes first Incubating project: nvm</a></li> <li><a href="https://twitter.com/styfle/status/1179887194221273088">Full-icu support in Node.js</a></li> <li><a href="https://snyk.io/blog/why-npm-lockfiles-can-be-a-security-blindspot-for-injecting-malicious-modules/">Why npm lockfiles can be a security blindspot for injecting malicious modules</a></li> <li><a href="https://twitter.com/jesper_vos/status/1179673256925814785?s=09">A way to read the viewport height when the keyboard is up in iOS13 with the Visual Viewport API</a></li> <li><a href="https://github.com/vuejs/vue-next">Vue 3 code open sourced</a></li> </ul> <h2> Releases: </h2> <ul> <li><a href="https://github.com/preactjs/preact/releases/tag/10.0.0">Preact X</a></li> <li><a href="https://medium.com/webhint/the-webhint-browser-extension-v1-release-df9044ddaf69">Webhint browser extension v1</a></li> <li><a href="https://nodered.org/blog/2019/09/30/version-1-0-released">Node RED v1</a></li> <li><a href="https://twitter.com/typescript/status/1179151796255776769?s=09">TypeScript 3.7 beta</a></li> <li><a href="https://nextjs.org/blog/next-9-0-7">Next.js 9.0.7</a></li> </ul> <h2> Libs &amp; demos: </h2> <ul> <li><a href="https://github.com/thatisuday/catage">catage</a></li> <li><a href="https://www.pipocajs.com/">pipoca.js</a></li> <li><a href="https://www.bundle-analyzer.com/">bundle-analyzer</a></li> <li><a href="https://github.com/react-spring/react-three-fiber">react-three-fiber</a></li> <li><a href="https://github.com/mapbox/delatin">delatin</a></li> <li><a href="https://github.com/ForbesLindesay/atdatabases">atdatabases</a></li> <li><a href="https://github.com/panva/node-oidc-provider">node-oidc-provider</a></li> <li><a href="https://github.com/algolia/shipjs">shipjs</a></li> <li><a href="https://github.com/useAnimations/react-useanimations">useAnimations</a></li> <li><a href="https://github.com/catc/react-timekeeper">react-timekeeper</a></li> <li><a href="https://github.com/n4kz/react-native-indicators">react-native-indicators</a></li> <li><a href="https://github.com/joshbuchea/HEAD">joshbuchea/HEAD</a></li> </ul> <h2> Interesting &amp; silly stuff: </h2> <ul> <li><a href="https://play.bot.land/">Bot Land</a></li> </ul> <p>Any feedback is appreciated 😁</p> <p>Additional stuff:</p> <ul> <li><a href="https://youtube.com/c/TimErmilov">Youtube channel</a></li> <li><a href="https://www.twitch.tv/yamalight">Twitch channel</a></li> <li><a href="https://discord.gg/hnKCXqQ">Discord server</a></li> <li><a href="https://github.com/BuildingXwithJS/bxjs-weekly">BxJS Weekly github repo</a></li> </ul> <p>Social media links:</p> <ul> <li><a href="http://twitter.com/yamalight">Twitter</a></li> <li><a href="http://github.com/yamalight">Github</a></li> </ul> <p>If you enjoy my content, please consider <a href="https://codezen.net/support.html">supporting me</a> 😉</p> javascript node podcast news Tim Ermilov Sun, 29 Sep 2019 10:44:44 +0000 https://forem.com/yamalight/bxjs-weekly-episode-82-javascript-news-podcast-58ln https://forem.com/yamalight/bxjs-weekly-episode-82-javascript-news-podcast-58ln <p>Hey dev.to community!</p> <p>BxJS Weekly Episode 82 is now out! 🚀<br> Listen to the best javascript news of the week in a podcast form right here.</p> <p>Here's all the mentioned links (also found <a href="https://github.com/BuildingXwithJS/bxjs-weekly/blob/master/links/19-39-Episode-82.md">on github</a>):</p> <h2> Getting started: </h2> <ul> <li><a href="https://twitter.com/chrisachard/status/1175022111758442497?s=09">Learn React in 10 tweets (with hooks)</a></li> <li><a href="https://www.datadoghq.com/blog/node-logging-best-practices/">How to collect, customize, and centralize Node.js logs</a></li> <li><a href="https://jeffrafter.com/working-with-github-actions/">Working with GitHub Actions</a></li> <li><a href="https://wattenberger.com/blog/react-hooks">Thinking in React Hooks</a></li> <li><a href="https://jdlm.info/articles/2019/09/06/lessons-building-node-app-docker.html">Lessons from Building Node Apps in Docker (2019)</a></li> </ul> <h2> Articles &amp; News: </h2> <ul> <li><a href="https://phoboslab.org/log/2019/09/voidcall-making-of">Voidcall – making of</a></li> <li><a href="https://blog.superhuman.com/performance-metrics-for-blazingly-fast-web-apps-ec12efa26bcb">Performance metrics for blazingly fast web apps</a></li> <li><a href="https://blog.maximeheckel.com/posts/preloading-views-with-react">React Lazy: a take on preloading views</a></li> <li><a href="https://cloudfour.com/thinks/an-html-attribute-potentially-worth-4-4m-to-chipotle/">An HTML attribute potentially worth \$4.4M to Chipotle</a></li> <li><a href="https://www.swyx.io/writing/js-tooling/">Why JavaScript Tooling Sucks</a></li> </ul> <h2> Tips, tricks &amp; bit-sized awesomeness: </h2> <ul> <li><a href="https://twitter.com/angustweets/status/1175846030392184832?s=09">TIL, if you visit devtools' "source" tab right after using the "performance" tab you get benchmarks</a></li> <li><a href="https://chromium.googlesource.com/v8/v8.git/+/0ceee9ad28c21bc4971fb237cf87eb742fc787b8%5E%21/">Top level await support added to V8</a></li> <li><a href="https://twitter.com/NMeuleman/status/1176550808852291584?s=09">Faster way to <code>await</code> two promises without <code>Promise.all</code></a></li> </ul> <h2> Releases: </h2> <ul> <li><a href="https://v8.dev/blog/v8-release-78">V8 v7.8</a></li> <li><a href="https://facebook.github.io/react-native/blog/2019/09/18/version-0.61">React Native 0.61</a></li> <li><a href="https://reacttraining.com/blog/react-router-v5-1/">React Router v5.1.0</a></li> <li><a href="https://github.com/avajs/ava/releases/tag/v2.4.0">Ava v2.4.0</a></li> <li><a href="https://nodejs.org/en/blog/release/v12.11.0/">Node v12.11.0</a></li> </ul> <h2> Libs &amp; demos: </h2> <ul> <li><a href="https://thisrobot.life/">Robot</a></li> <li><a href="https://github.com/ybonnefond/stubborn">stubborn</a></li> <li><a href="https://github.com/paladin8/kfchess">kfchess</a></li> <li><a href="https://github.com/HarryStevens/geometric">geometric</a></li> <li><a href="https://github.com/deckgo/deckdeckgo">deckdeckgo</a></li> <li><a href="https://github.com/chroventer/endb">endb</a></li> <li><a href="https://js13kgames.com/entries/2019">JS13kGames 2019 entries</a></li> </ul> <h2> Interesting &amp; silly stuff: </h2> <ul> <li><a href="https://hacktoberfest.digitalocean.com/details">Hacktoberfest is now open!</a></li> <li><a href="https://cloudblogs.microsoft.com/opensource/2019/09/19/new-python-training-video-series-beginners/">A new video series for beginners to learn Python programming (from Microsoft)</a></li> </ul> <p>Any feedback is appreciated 😁</p> <p>Additional stuff:</p> <ul> <li><a href="https://youtube.com/c/TimErmilov">Youtube channel</a></li> <li><a href="https://www.twitch.tv/yamalight">Twitch channel</a></li> <li><a href="https://discord.gg/hnKCXqQ">Discord server</a></li> <li><a href="https://github.com/BuildingXwithJS/bxjs-weekly">BxJS Weekly github repo</a></li> </ul> <p>Social media links:</p> <ul> <li><a href="http://twitter.com/yamalight">Twitter</a></li> <li><a href="http://github.com/yamalight">Github</a></li> </ul> <p>If you enjoy my content, please consider <a href="https://codezen.net/support.html">supporting me</a> 😉</p> javascript node podcast news Tim Ermilov Sun, 22 Sep 2019 12:46:03 +0000 https://forem.com/yamalight/bxjs-weekly-episode-81-javascript-news-podcast-3inm https://forem.com/yamalight/bxjs-weekly-episode-81-javascript-news-podcast-3inm <p>Hey dev.to community!</p> <p>BxJS Weekly Episode 81 is now out! 🚀<br> Listen to the best javascript news of the week in a podcast form right here.</p> <p>Here's all the mentioned links (also found <a href="https://github.com/BuildingXwithJS/bxjs-weekly/blob/master/links/19-38-Episode-81.md">on github</a>):</p> <h2> Getting started: </h2> <ul> <li><a href="https://w26.one/article/how-to-create-manage-a-postgres-database-in-node-js-from-scratch-tutorial-6c587b3c">How to create &amp; manage a Postgres database in NodeJS from scratch (Tutorial)</a></li> <li><a href="https://dev.to/jfet97/javascript-iterators-and-generators-asynchronous-generators-2n4e">JavaScript Iterators and Generators: Asynchronous Generators</a></li> <li><a href="https://v8.dev/features/nullish-coalescing">Nullish coalescing</a></li> <li><a href="https://kentcdodds.com/blog/profile-a-react-app-for-performance">Profile a React App for Performance</a></li> <li><a href="http://www.thedreaming.org/2019/09/10/github-ci/">Using GitHub Actions for Continuous Integration!</a></li> </ul> <h2> Articles &amp; News: </h2> <ul> <li><a href="https://www.swyx.io/writing/svelte-static/">Static Svelte: JavaScript Blogging with 93% less JavaScript</a></li> <li><a href="https://instagram-engineering.com/making-instagram-com-faster-part-1-62cc0c327538">Making Instagram.com faster: Part 1</a></li> </ul> <h2> Tips, tricks &amp; bit-sized awesomeness: </h2> <ul> <li><a href="https://twitter.com/FirefoxDevTools/status/1174365202206220289">Firefox's debugger now shows inline previews for JavaScript values</a></li> <li><a href="https://phabricator.wikimedia.org/phame/live/7/post/175/wikipedia_s_javascript_initialisation_on_a_budget/">Wikipedia's JavaScript initialisation on a budget</a></li> <li><a href="https://blog.npmjs.org/post/187698412060/acceptible-use">Avoiding the Tragedy of the Commons: Acceptable Use of the Public Registry</a></li> <li><a href="https://twitter.com/npmjs/status/1175095610602450944">npm’s CEO Bryan Bogensberger has resigned</a></li> </ul> <h2> Releases: </h2> <ul> <li><a href="https://developer.apple.com/documentation/safari_release_notes/safari_13_release_notes">Safari 13</a></li> <li><a href="https://medium.com/storybookjs/storybook-5-2-794958b9b111">Storybook 5.2</a></li> <li><a href="https://github.com/vuejs/vuepress/blob/master/CHANGELOG.md">VuePress v1.1.0</a></li> <li><a href="https://twitter.com/tomayac/status/1175213713961308161?s=09">Chrome 78 Beta</a></li> </ul> <h2> Libs &amp; demos: </h2> <ul> <li><a href="https://github.com/solenya-group/solenya">solenya</a></li> <li><a href="https://nanosql.io/">nanosql</a></li> <li><a href="http://wicky.nillia.ms/headroom.js/">headroom.js</a></li> <li><a href="https://saber.land/">saber</a></li> <li><a href="https://github.com/oguzeroglu/ROYGBIV">ROYGBIV</a></li> <li><a href="https://react-rainbow.web.app/">react-rainbow</a></li> <li><a href="https://github.com/faboulaws/fakingoose">fakingoose</a></li> <li><a href="https://github.com/lukeed/saturated">saturated</a></li> <li><a href="https://jsonbox.io/">jsonbox.io</a></li> <li><a href="https://github.com/pylnata/teddy">teddy</a></li> <li><a href="https://github.com/Drawbotics/use-screen-size">use-screen-size</a></li> </ul> <h2> Interesting &amp; silly stuff: </h2> <ul> <li><a href="https://github.com/tom-p-reichel/svg-is-turing-complete">SVG Is Turing Complete</a></li> <li><a href="https://twitter.com/mattdsteele/status/1173628386742345728">GitHub Action to dispense candy</a></li> </ul> <p>Any feedback is appreciated 😁</p> <p>Additional stuff:</p> <ul> <li><a href="https://youtube.com/c/TimErmilov">Youtube channel</a></li> <li><a href="https://www.twitch.tv/yamalight">Twitch channel</a></li> <li><a href="https://discord.gg/hnKCXqQ">Discord server</a></li> <li><a href="https://github.com/BuildingXwithJS/bxjs-weekly">BxJS Weekly github repo</a></li> </ul> <p>Social media links:</p> <ul> <li><a href="http://twitter.com/yamalight">Twitter</a></li> <li><a href="http://github.com/yamalight">Github</a></li> </ul> <p>If you enjoy my content, please consider <a href="https://codezen.net/support.html">supporting me</a> 😉</p> javascript node podcast news