Array.at() Will Change How We Access Array Values in JavaScript
Photo by La-Rel Easter on UnsplashThere are times when I felt a dire need to access array elements from reverse, maybe the last item or the second last. The way to go about it was never straightforward like it is in some other languages where you can just say array[-1] and it gives you the last item. Instead we have to do things like array[array.length-1] and so on. The [] syntax is not specific t
Lit
Skip the boilerplate Building on top of the Web Components standards, Lit adds just what you need to be happy and productive: reactivity, declarative templates and a handful of thoughtful features to reduce boilerplate and make your job easier. Every Lit feature is carefully designed with web platform evolution in mind. Tiny footprint, instant updates Weighing in at around 5 KB (minified and compr
驚きのWebコンポーネント技術で変革を #WebComponents - techtekt
こんにちは。サービス開発統括部 エンジニアリング部のYuto SAGAWAです。*1 最近、自分が取り組んでいるコンポーネントの実装や作成について紹介します。 概要 Webフロントエンド開発において、利用されているライブラリやフレームワークは数多く存在します。 移り変わりも早く日々進化しているように思えましたが、最近では落ち着いてきたように感じています。 そんなフロントエンド開発ですが、コンポーネントの粒度や変更に強いコンポーネントの実装など コンポーネント作成に関して課題があるように感じています。 本記事では、変更に強いコンポーネントを作れるように、 WebComponents と LitElement の紹介と、それらを使ったコンポーネント作成をしてみたいと思います。 WebComponentsとは WebComponents とは、WebブラウザのAPI群で、下記のような特徴がありま
How we wrote the Fastest JavaScript UI Frameworks
Faster than Vanilla JavaScript!! What?! Is there something wrong here? This isn’t a toy demo. This the JS Frameworks Benchmark, arguably the most reputable benchmark for UI Frameworks of this nature. And your Framework’s optimized version is not only faster than VanillaJS, but the standard React-Friendly API version is faster than every other framework out there. What’s Going On?I’m the author of
Deep JavaScript
Homepage Please support this book: buy it or donate (Ad, please don’t block.) Deep JavaScript Table of contents
BlockLike.js - bridging the gap between block programming and JavaScript
What is this? BlockLike.js is an educational JavaScript library. It bridges the gap between block-based and text-based programming. BlockLike.js is designed following Scratch concepts, methods and patterns. The screen is a centered Stage. Interaction is with Sprites. Code is executed in a "paced" manner. Scratch block code and BlockLike.js text code are meant to be as literally similar as possible
Making JavaScript run fast on WebAssembly - Bytecode Alliance
JavaScript in the browser runs many times faster than it did two decades ago. And that happened because the browser vendors spent that time working on intensive performance optimizations. Today, we’re starting work on optimizing JavaScript performance for entirely different environments, where different rules apply. And this is possible because of WebAssembly. We should be clear here—if you’re run
Hyperappでhead内のタグを書き換えるライブラリ、Hyperapp Helmetをリリースしました！ - Qiita
import { h, View } from 'hyperapp' import { App as A } from './App' import { getHelmetNodes } from 'hyperapp-helmet' const Fragment = '' export const Html: View<A.State, A.Actions> = ( state: A.State, actions: A.Actions ) => { const helmetNodes = getHelmetNodes(A.view, state, actions) return ( <Fragment> <Fragment innerHTML="<!doctype html>" /> <html lang="ja"> <head> <meta charset="utf-8" /> <met
How we use Web Components at GitHub
AI & MLLearn about artificial intelligence and machine learning across the GitHub ecosystem and the wider industry. Generative AILearn how to build with generative AI. GitHub CopilotChange how you work with GitHub Copilot. LLMsEverything developers need to know about LLMs. Machine learningMachine learning tips, tricks, and best practices. How AI code generation worksExplore the capabilities and be
UNPKG
UNPKG is a fast, global content delivery network for everything on npm. Use it to quickly and easily load any file on npm using a URL like: unpkg.com/:pkg@:ver/:filehttps://unpkg.com/:package@:version/:file :pkg:package is the name of the package on npm:ver:version is the version of the package:file is the path to a file in the packageFor example: unpkg.com/preact@10.26.4/dist/preact.min.jsunpkg.c
徹底解説！ return promiseとreturn await promiseの違い
先日、こちらのツイートを見かけました。 それに対して筆者は以下のツイートをしたところ、いくつかの反応が寄せられました。 コード部分を再掲します。 async function foo1() { return await Promise.resolve(); } async function foo2() { return Promise.resolve(); } async function wait() { await null; } // pika // chu // と表示される foo1().then(() => console.log("pika")); wait().then(() => console.log("chu")); // chu // pika // と表示される foo2().then(() => console.log("pika")); wait().the
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - ficusjs/ficusjs: FicusJS is a set of lightweight functions for developing applications using web components
Rationale · Prettier
https://prestigemad.com/
BlockLike.js Aims to Make it Easier to Go from MIT Scratch to JavaScript Programming
ESLintのコメントでのルール制御 - Qiita
GitHub - kriasoft/hyperapp-render: Render Hyperapp to an HTML string with SSR and Node.js streaming support.
GitHub - akatsuki105/sweet-bn: Syntax suger for bignumber.js
GitHub - lana-k/sqliteviz: Instant offline SQL-powered data visualisation in your browser
GitHub - google/zx: A tool for writing better scripts
