Finally the Promise.prototype.finally() is available
Finally the Promise.prototype.finally() is available Serg Hospodarets Blog Since the Promises were added in JavaScript, one of the biggest concerns was the absence of an ability to easily apply some code after the Promise is fulfilled (after both success and reject actions). There are many examples of such a need: showing a loader when the request to the server is in flight or even a simpler case-
For fast and secure sites | Jamstack
What is Jamstack? Jamstack is an architectural approach that decouples the web experience layer from data and business logic, improving flexibility, scalability, performance, and maintainability. Jamstack removes the need for business logic to dictate the web experience. It enables a composable architecture for the web where custom logic and 3rd party services are consumed through APIs. The Roots
Frontrend Vol.10 アウトラインメモ
Frontrend Vol.10 - å¤ã®çµ‚ã‚ã‚Šã«ç´æ¶¼ãƒ‘フォーマンス話 - connpassã«å‚åŠ ã—ã¦ããŸã®ã§ãƒ¡ãƒ¢ã€‚ FRESH!: クライアントサイドパフォーマンス改善 by @sutiwo_ FRESH! Web パフォーマンス改善 〜クライアントサイド編〜ã®è©± FRESHã¯PCã¨SPã®è¦–è´/é…ä¿¡ã®ãƒ–ラウザ対応 生放é€ã®ã‚¿ã‚¤ãƒ ラグを10秒 -> 5秒 æ˜ åƒé…信プラットフォーム「FRESH!ã€ãŒæ˜ åƒé…ä¿¡ã®ã‚¿ã‚¤ãƒ ラグを大幅ã«çŸç¸® æ¥ç•Œæœ€é€Ÿæ°´æº–ã§é«˜ç”»è³ªæ˜ åƒã®é…ä¿¡ãŒå¯èƒ½ã« | æ ªå¼ä¼šç¤¾ã‚µã‚¤ãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆ Freshã®ã‚¦ã‚§ãƒ–プッシュ通知機能 Freshアクセシビリティガイドライン FRESH! Accessibility Guidelines Service Worker ãƒãƒƒã‚¯ã‚°ãƒ©ã‚¤ãƒ³ãƒ‰ã§å®Ÿè¡Œã™ã‚‹Worker postMessageã§ã®ã‚„ã‚Šå–ã‚Š ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã®ãƒãƒ³ãƒ‰ãƒªãƒ³ã‚° PUsh通知 ht
Get to know the Actor Model
September 4, 2017 The Actor Model was proposed in the '70s by Carl Hewitt as a conceptual model to deal with concurrent computation. There are a good amount of implementations out there in the wild, from complete programming languages to libraries and frameworks; the most popular ones being Erlang/Elixir and Akka. Every implementation has its own particularities, but the foundational concepts rema
The broken promise of Web Components | A Place Where Even Mammoths Fly
Disclaimer: I talk a lot about React here, but you can substitute your favorite library: Inferno, Preact, Vue, snabbdom, virtual-dom (or non-js libraries and frameworks like Elm, Om, etc.). Similarly, replace Polymer with Vaadin, or X-Tag, or… Also, read Rob Dodson’s excellent response to this article: https://robdodson.me/regarding-the-broken-promise-of-web-components/ Brief, incomplete, and most
JSconsole website
1). js.load(NAME(String) || URL(String) || NUMBER_FROM_LIST(Number) || [NAME, URL, NUMBER_FROM_LIST](Array)) Load the latest library from the internal CDN according to to NAME(S). For NUMBER_FROM_LIST use js.alias();
æ£å¼ãƒªãƒªãƒ¼ã‚¹ã•ã‚ŒãŸES8ã®ä¸»ãªæ–°æ©Ÿèƒ½ ???? | POSTD
EcmaScript仕様第8版ã®æ–°æ©Ÿèƒ½ EcmaScript 8ã‚‚ã—ãã¯EcmaScript 2017ãŒã€6月末ã«TC39ã‹ã‚‰æ£å¼ã«ãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¾ã—ãŸã€‚ç§ãŸã¡ã¯ã“ã®1å¹´ã€EcmaScriptã«ã¤ã„ã¦è‰²ã€…ã¨è°è«–ã—ã¦ã„るよã†ã§ã™ãŒã€ãã‚Œã¯ç„¡é§„ãªã“ã¨ã§ã¯ã‚ã‚Šã¾ã›ã‚“。ç¾åœ¨ã€ES標準ã¯æ–°ã—ã„仕様ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ãŒå¹´1回公開ã•ã‚Œã¦ã„ã¾ã™ã€‚ES6ã¯2015å¹´ã€ES7ã¯2016å¹´ã«å…¬é–‹ã•ã‚Œã¾ã—ãŸãŒã€ES5ã®ãƒªãƒªãƒ¼ã‚¹æ™‚期をã”記憶ã§ã—ょã†ã‹ã€‚JavaScriptãŒé”法ã®ã‚ˆã†ã«æ™®åŠã™ã‚‹ä»¥å‰ã®ã€2009å¹´ã®ã“ã¨ã§ã—ãŸã€‚ ã¤ã¾ã‚Šç§ãŸã¡ã¯ã€å®‰å®šã—ãŸè¨€èªžã¨ã—ã¦JavaScriptã®é–‹ç™ºä¸Šã®å¤‰åŒ–ã‚’ãŸã©ã£ã¦ãŠã‚Šã€ä»Šã‚„自分ã®èªžå½™ã«ES8ã‚’åŠ ãˆã‚‹å¿…è¦ãŒã‚ã‚‹ã®ã§ã™ã€‚ ES2017 (the 8th edition of the JavaScript Spec) was officially released and publishe
Repatch — the simplified Redux | HackerNoon
Too Long; Didn't ReadI’ve been involved in <a href="https://www.npmjs.com/package/react" target="_blank">react</a>-<a href="https://www.npmjs.com/package/redux" target="_blank">redux</a> projects for several years. After I first met with flux, I was impressed by its expressive power that describes complicated use cases in contrast to other dataflow concepts, which caused many troubles when the com
Rethinking drag and drop
introducing react-beautiful-dndDrag and drop is an intuitive way of moving and rearranging things. We at Atlassian have recently released react-beautiful-dnd which makes drag and drop for lists on the web more beautiful, natural and accessible. PhysicalityThe core design idea of react-beautiful-dnd is physicality: we want users to feel like they are moving physical objects around. This is best ill
Choo, architecture & performance
Almost every Choo release so far has managed to include more features, and reduce the size on disk. In the upcoming v6 release we’re now sitting at 3.8Kb. People often ask how it’s possible to pack a “batteries included†browser framework into something that’s about an order of magnitude smaller than conventional options. This post is intended to break down the bits that make up Choo, and explain
Introduction to FuseBox — a Faster, Simpler webpack Alternative — SitePoint
webpack has arguably become the de facto JavaScript module bundler, but it has a reputation for being confusing and difficult to learn. In this article, I want to present a faster, simpler webpack alternative — FuseBox. In today’s rapidly evolving front-end landscape, it’s vital to have a solid grasp of the JavaScript module system. Modules can help organize your code, make it more maintainable an
.mjs ã¨ã¯ä½•ã‹ã€ã¾ãŸã¯ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ãƒ™ãƒ¼ã‚¹ JS ã¨ã‚¨ã‚³ã‚·ã‚¹ãƒ†ãƒ ã®ä»Šå¾Œ | blog.jxck.io
Intro é•·ã„ã“ã¨è°è«–ã«ãªã£ã¦ã„㟠ES Modules ã® Node ã«ãŠã‘る扱ã„ã«ä¸€å¿œã®æ±ºç€ãŒä»˜ã〠.mjs ã¨ã„ã†æ‹¡å¼µåãŒæŽ¡æŠžã•ã‚ŒãŸã€‚ ã“ã®æ‹¡å¼µåã®æ„味ã¨ã€ä»Šå¾Œãƒ–ラウザã¨åˆã‚ã›ã¦ Universal JS を実装ã—ã¦ã„ã上ã§ã®ä½œæ³•ãŒè¦‹ãˆã¦ããŸã“ã¨ã«ãªã‚‹ã€‚ åˆã‚ã›ã¦ã‚¨ã‚³ã‚·ã‚¹ãƒ†ãƒ ãŒå¯¾å¿œã—ã¦ã„ãã“ã¨ã§ã€é•·å¹´ã®å¤¢ã ã£ãŸ JS ã®ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«åŒ–を進ã‚ã¦ã„ãã“ã¨ãŒã§ãã‚‹ã ã‚ã†ã€‚ ES Modules å¾ã€…ã«æƒã„ã¤ã¤ã‚ã‚‹ ES Modules(ESM) ã®ä»•æ§˜ã¯ TC39 ã§è¡Œã‚ã‚Œã¦ãŠã‚Šã€ãã®ä»•æ§˜ã«ã¤ã„ã¦ã¯ä¸»ã«ä»¥ä¸‹ã®ã‚ˆã†ãªéƒ¨åˆ†ã«ãªã‚‹ã€‚ import ã‚„ export ã¨è¡Œã£ãŸæ§‹æ–‡ module 内ã¯ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆ strict mode module ã§ã‚¹ã‚³ãƒ¼ãƒ—ã‚’é–‰ã˜ã‚‹ module 内㮠this 㯠undefined etc 逆ã«ä»¥ä¸‹ã¯ TC39 ã§ã®ç–定範囲外ã¨ãªã‚‹ ã©ã† Module ã‚’èª
ES2019: optional catch binding
The proposal “Optional catch binding†by Michael Ficarra is at stage 4 and therefore part of ECMAScript 2019. This blog post explains how it works. Overview  # The proposal allows you to do the following: try { ··· } catch { ··· } That is useful whenever you don’t need the binding (“parameterâ€) of the catch clause: try { ··· } catch (error) { ··· } If you never use the variable error, you may as w
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
GitHub - mikeal/rza: Create simple HTML elements
Abortable fetch  | Blog  | Chrome for Developers
Module Loaders: Master the Pipeline!
JSON is Not Cool Anymore: Implementing Protocol Buffers in Node.js – webapplog [tech blog]
GitHub - phenomnomnominal/ineeda: Mocking library for TypeScript and JavaScript using Proxies!
GitHub - mreinstein/snabby: Use HTML template strings with snabbdom.
Workbox Broadcast Cache Update  | Workbox  | Google Developers
{{#tags}}- {{label}}
{{/tags}}