GitHub - suchipi/transform-imports: Tools that make it easy to codemod imports/requires in your JS
import * as React from "react"; // Becomes... ImportDefinition { variableName: "React", source: "react", importedExport: { name: "*", isImportedAsCJS: false, }, kind: "value", isDynamicImport: false, }; import traverse from "babel-traverse"; // Becomes... ImportDefinition { variableName: "traverse", source: "babel-traverse", importedExport: { name: "default", isImportedAsCJS: false, }, kind: "valu
jest/CHANGELOG.md at v22.4.0 · jestjs/jest
[jest-haste-map] Overhauls how Watchman crawler works fixing Windows (#5615) [expect] Allow matching of Errors against plain objects (#5611) [jest-haste-map] Do not read binary files in Haste, even when instructed to do so (#5612) [jest-cli] Don't skip matchers for exact files (#5582) [docs] Update discord links (#5586) [jest-runtime] Align handling of testRegex on Windows between searching for te
Replacing jQuery With Vue.js: No Build Step Necessary — Smashing Magazine
Did you know that you can incorporate Vue into your project the same way that you would incorporate jQuery — with no build step necessary? Let’s cover some common use cases in jQuery and how we can switch them over to Vue, and why we’d even want to do so. In this article Sarah Drasner shows you that Vue is also a pretty nice abstraction for small sites that don’t need a lot of overhead. Due to Vue
Next.js 5: Universal Webpack, CSS Imports, Plugins and Zones - Vercel
Next.js is a toolkit for universal, server-rendered (or statically pre-rendered) React.js applications. Getting started developing an application of any size is as easy as executing next. (Read more.) With every new release we are committed to retaining backwards compatibility, offering simple upgrade paths and only making API changes when absolutely necessary. Next.js 5.0 is no exception. Under t
ScalaJS for TypeScripter - kubell Creator's Note
こんにちは。@kyo_agoです。 だいぶScalaJSでの開発知見が溜まってきたので共有したいと思います。 d.tsから.scalaへの変換 TypeScriptを使っていると真っ先に思い浮かぶのが「型定義は？」ということだと思います。 これに関してはScalaJSでもTypeScriptと同じようにScala側のコードからJS側のコードを呼び出す際に型定義が必要になります。 基本的には TypeScript Importer for Scala.js を使うことでd.tsから.scalaのコードを出力できますが、一部の機能は変換できないためエラーになったり定義が出力されなかったりします。 （ Type Definition Importer for Scala.js でWeb上から試すことができますが、必ずしも最新版でない可能性があるので注意してください） サポート範囲に関しては sc
GitHub - egoist/franxx: A vanilla JavaScript router that works everywhere.
import { createRouter } from 'franxx' import { createBrowserHistory } from 'history' const router = createRouter({ history: createBrowserHistory(), }) router.add('/', () => { console.log('homepage') }) router.add('/user/:name', ({ params, query }) => { console.log(params.name) }) // The router by default automatically runs route handler // When URL changes // But for initial render // You need to
技術要素編: web アプリが新陳代謝を続けるための依存関係の厳選（新規開発のメモ書きシリーズ1）
新規開発したプロダクトについて ｢世の中に URL は出ているが、まだ正式公開していない｣という微妙な位置付けなのでプロダクト名と詳細は避けつつ述べます。短めの開発期間で急いでつくって、慌てて年末にβ版をリリースしたところです。 次の動きに向けてまったりしたり、Inside Frontend の開催に向けて四苦八苦しているところでメモ書きです。 このシリーズの他の記事はこちら。 ビルド設定編: UA に応じた最適な JS バンドルの配信と webpack との距離感 コード設計編: context による縦軸分類とレイヤードアーキテクチャ アーキテクチャ編: SSR と CDN ( Fastly ) とユーザー依存情報の分離 依存するパッケージの厳選 新しい技術、ライブラリを試すこと、それらを使って生産性の向上にチャレンジすることは必要です。とはいえ、程度が過ぎると逆に生産性を下げかねない
Micro-benchmarking is Hard (Inside Frontend 2, 2018 Feb)
このブラウザ バージョンのサポートは終了しました。サポートされているブラウザにアップグレードしてください。
Creating and Publishing Web Components with Stencil
<title>An icon of a outbound link arrow</title> <path class="icon-stroke" d="M75.3037 3.98207L3 75.5935M75.3037 3.98207L76.0435 43.3021M75.3037 3.98207L35.951 3.59351" stroke="#F22F46" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> "> 2025 Gartner® Magic Quadrant™ for CPaaS <title>An icon of a outbound link arrow</title> <path class="icon-stroke" d="M75.3037 3.98207L3 7
Service Worker スクリプトのインストールと更新処理
Service Worker の実装が主要ブラウザで揃い始めて盛り上がってきましたね。その流れに便乗して久しぶりに Service Worker の仕様や実装に関する記事を書いてみました。今回は Service Worker スクリプトのインストールと更新処理についてです。 この記事は Service Worker スクリプトを少しでも手書きして動かしたことがある人を想定読者にしています。Service Worker について全く知らない人はまず別の入門記事を参照してください。また、細かいことを気にせずに Service Worker を使いたい人は Workbox といったライブラリやフレームワークの利用をおすすめします。 更新履歴 2019/09/24: Chrome 78 から importScripts() も更新対象になりました。それについて加筆しました。 2018/06/07:
Blotter.js
Production Version Minified, 402kb Development Version Uncompressed, 752kb Overview When applying effects to text on the web, designers have traditionally been constrained to those provided by CSS. In the majority of cases this is entirely suitable – text is text right? Yet still, there exist numerous examples of designers combining CSS properties or gifs and images to create effects that evoke so
JavaScript の仕組み：メモリ管理+ 4つの共通のメモリリーク処理方法 - Qiita
この記事は sessionstack blog に投稿されている、How JavaScript works シリーズの一記事 "How JavaScript works: memory management + how to handle 4 common memory leaks" の和訳です。投稿されたのは Alexander Zlatkov, 原文はこちらです。翻訳については許諾いただいています。 メモリ管理もしくはC言語におけるメモリ解説他、用語なども怪しい箇所は多分にありますので、間違いがありましたら修正のご指摘・編集リクエスト等ください。 日本語の参考 URL 先に日本語の参考URLを記載しておきます。 JavaScriptで起こるメモリリークのパターン - EagleLand Browser Computing Structure // Speaker Deck Unders
React Redux の SPA を運用して得られた知見と実装例、開発フローもあるよ！ - Qiita
以前 React Redux を用いた SPA 新規サービスを運用して得た知見と実装例 と言うテーマで発表した内容に、加筆修正して記事にしてみました。2年半くらい取り組んで見ての結果や感想をシェアできればと思います。 対象読者 SPA の開発に興味がある方 最近の WEB フロントエンド開発に興味がある方 ある程度 React や Redux を触ったことがある方、触りたい方 目的 具体的な実装例をもとに知見を共有し、Web 開発の役に立ててほしい おかしな実装や、もっと良い方法があれば、教えてほしい 内容 コードベースでの実装例の紹介 利用しているライブラリや開発環境、開発フローの共有 その他 SPA サービスを運用する上での構成や知見 React Redux のおさらい React Facebook が開発したUI ライブラリ 旧来の DOM 操作による状態管理を props や st
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - yangshun/front-end-interview-handbook: Front End interview preparation materials for busy engineers (updated for 2025)
Reverse Engineering Windows Defender’s JavaScript Engine
axios/CHANGELOG.md at v0.18.0 · axios/axios
http://propelml.org/
GitHub - GoogleChromeLabs/webpack-libs-optimizations: Using a library in your webpack project? Here’s how to optimize it
JSConf.Asia 2018
Echo JS on Twitter: "Echo JS, 2011-2018 - https://t.co/vEiEFdntF8"