ちょっとした React Server Component 小ネタ。 Next.js (webpack, Turbopack) で確認しているが、おそらく RSC に対応しているツールであったらどれも変わらないはず。 アプリケーションの package.json の imports セクションに以下のように記載しておく。util の部分は好きな文字列で構わないが # から始めておくこと。 { "imports": { "#util": { "react-server": "./src/util.react-server.ts", "default": "./src/util.default.ts" } } }React Server 環境とそれ以外の環境用、それぞれの実装を用意する。 とりあえず結果が異なることを確認したければ以下のような感じ。 /* ./src/util.default.
Do you think dynamically typed interpreted Ruby language and statically typed compiled Rust language could be friends? Yes, they can! And actually, they are! Officially it all started when YJIT was ported to Rust and Ruby codebase has officially onboarded Rust code. This friendship matured when RubyGems 3.3.11 (with a new Add cargo builder for rust extensions feature) was released capable of compi
Two weeks ago, we launched our new JavaScript bundler in Bun v0.6.0. Today we're releasing a new feature that highlights the tight integration between Bun's bundler and runtime: Bun Macros. Macros are a mechanism for running JavaScript functions at bundle-time. The value returned from these functions are directly inlined into your bundle. As a toy example, consider this simple function that return
GitHub - oven-sh/bun: Incredibly fast JavaScript runtime, bundler, test runner, and package manager – all in one
Bun is under active development. Use it to speed up your development workflows or run simpler production code in resource-constrained environments like serverless functions. We're working on more complete Node.js compatibility and integration with existing frameworks. Join the Discord and watch the GitHub repository to keep tabs on future releases. Bun is an all-in-one toolkit for JavaScript and T
Gotta pack 'em all! | Packemon
PackemonScaffold, build, and maintain npm packages using standardized configurations and practices. Supports JavaScript and TypeScript. 📦 Zero-config packagesNo longer fiddle with Babel, Rollup, Webpack or other tooling configurations. Packemon configures packages automatically using sane and common defaults. 🧩 Multiple platformsSupport either or both Node.js and Web based platforms on a per-pro
Bun.build({ entrypoints: ['./src/index.tsx'], outdir: './build', minify: true, // additional config }); Reducing complexity in JavaScriptJavaScript started as autofill for form fields, and today it powers the instruments that launch rockets to space. Unsurprisingly, the JavaScript ecosystem has exploded in complexity. How do you run TypeScript files? How do you build/bundle your code for productio
Component toolkit for creating live-running code editing experiences | Sandpack
import { globalStyles } from './stitches.config'; import { Section, SandpackLogo, SectionHeader, SandpackTitle, Link } from './components'; export default function App() { globalStyles(); return ( <Section> <SectionHeader> <Link href="https://sandpack.codesandbox.io/docs"> Docs </Link> <Link href="https://github.com/codesandbox/sandpack"> GitHub </Link> </SectionHeader> <SandpackLogo /> <SandpackT
Building a JavaScript Bundler
First published on April 23, 2022, updated on March 20, 2023 Jest’s packages make up an entire ecosystem of packages useful for building any kind of JavaScript tooling. “The whole is greater than the sum of its parts” doesn’t apply to Jest! In this article we are going to leverage some of Jest’s packages to learn how a JavaScript bundler works. In the end, you’ll have a toy bundler, and you’ll und
Farm⭐️ is a next-generation web build tool written in Rust. It is currently the most powerful, fastest, and most stable Rust web build tool. Since Farm open its source code of version 0.3 in March 2023, after a year of development and contributions by many community developers, version v1.0 has finally been released! The v1.0 version supports a large number of features including lazy compilation,
Tree-Shaking: A Reference Guide — Smashing Magazine
“Tree-shaking” is a must-have performance optimization when bundling JavaScript. In this article, we dive deeper on how exactly it works and how specs and practice intertwine to make bundles leaner and more performant. Plus, you’ll get a tree-shaking checklist to use for your projects. Before starting our journey to learn what tree-shaking is and how to set ourselves up for success with it, we nee
ちょっと依存関係の厳しいRailsプロジェクトを扱っていて、タイトルのようなことを行いたい要求が出てきたので、さっそくGoogle先生におうかがいを立てました。 やってはいけない手順 たぶんbundle updateコマンドの引数でもって何かしらコントロールできるんだろうと踏んで調べたところ、公式のドキュメントよりも上位に、まさにやりたいことを書いたQiitaの記事が出てきたので、早速コレに従って作業することにしました。 内容を要約すると、bundle update --source ${GEM_NAME}としてやれば${GEM_NAME}のパッケージだけが更新されるというもので、コメント欄にも2018年11月の「うまくいった」コメントがあるので、コレで良かろうと思って作業に入ろうとしたところ、詳しい人からがかかりました。 正しいやり方 曰く、特定のgemだけ更新したいときは bundle
How We Fixed the Dependency Confusion Vulnerability in Over 600 Ruby Applications
Opens in a new windowOpens an external siteOpens an external site in a new window
GitHub - vercel/turbo: Incremental bundler and build system optimized for JavaScript and TypeScript, written in Rust – including Turbopack and Turborepo.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
GitHub - web-infra-dev/rspack: A fast Rust-based web bundler 🦀️
🚀 Fast Startup: Based on Rust, the build speed is extremely fast, bringing you the ultimate development experience. ⚡ Lightning HMR: With a built-in incremental compilation mechanism, HMR is extremely fast and fully capable of developing large-scale projects. 📦 Webpack Interoperable: Compatible with the architecture and ecosystem of webpack, no need to build the ecosystem from scratch. 🎨 Batter
Kuto, a reverse JS bundler
Kuto, a reverse JS bundler Kuto is a novel approach to shipping code on the web. It lets you re-use code a client already has for shipping updates. For a 'real-world' site with ~3mb of JS, updating the React dependency resulted in: 71% smaller download 28% faster start time (on a ~5yo old phone, a Pixel 3). …vs a single bundle, or any case where all the code is invalidated. Note that Kuto works re
When was the last time you were about to click a button on a website, only to have the page shift—causing you to click the wrong button instead? Or the last time you rage-quit a page that took too long to load? These problems are only amplified in applications as rich and interactive as ours. The more front-end code is written to support more complex features, the more bytes are sent to the browse
はじめに Railsアプリケーション開発に必要不可欠なツールのひとつがBundlerです。 Railsを学習している人なら必ず一度はbundle installコマンドを実行したことがあるでしょう。 Railsの学習書などに従って指示されたコマンドを入力するだけなら簡単ですが、実務ではbundle install以外にも必要な知識が出てきます。 しかし、Bundlerは意外とクセがあるというか、使っているうちに徐々に「あー、そういうことね」と経験から使い方や仕様の理解が進むような印象があります。筆者の場合はそうでした。 そこでこの記事では、Rails初心者を対象に「実務でRailsを使うなら知っておくと役立つBundlerの知識」を説明します。 題して「Bundlerチョットワカルマニュアル」です！ 本記事の対象読者 本記事では以下のような読者を想定しています。 Railsアプリケーション
GitHub - DataDog/build-plugin: Track your build performances like never before.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Design Trade-offs in Bundler: The Rationale Behind Creating Rspack · web-infra-dev · Discussion #1
chinese version Before embarking on the development of Rspack, we explored various build tools and frameworks, including extensive use of Webpack, Vite, esbuild, and Rollup in real-world production environments. To provide some context, our team, known as the WebInfra Team, is responsible for overseeing the company's suite of front-end build tools and frameworks. Some of these are open-source, whi
This release doesn't contain any deliberately-breaking changes. However, it contains a very complex new feature and while all of esbuild's tests pass, I would not be surprised if an important edge case turns out to be broken. So I'm releasing this as a breaking change release to avoid causing any trouble. As usual, make sure to test your code when you upgrade. Implement the JavaScript decorators p
If you've built projects with Vite, chances are you've also used Hot Module Replacement (HMR). HMR allows you to update your code without having to refresh the page, such as editing a component markup or adjusting styles, the changes are immediately reflected in the browser, which enables faster code interation and improved developer experience. While HMR is also a feature in other bundlers like W
Release V1 RELEASE! @pika/web is now Snowpack · FredKSchott/snowpack
Major Change: Rename! Major Change: Tree-shaking! A HUGE thanks to @DangoDev for this feature. When Snowpack is run with the --optimize flag it is able to analyze your application source code to detect exactly which dependency exports are used in your application. Anything unused is removed from the optimized dependency installation. Major Change: --include (Automatic import detection) Another gre
FJB - Fast Javascript Bundler
Fast Javascript Bundler The bundler who doesn't get in your way Benchmarks 2021-02-21T19:04:31.556539 image/svg+xml Matplotlib v3.3.4, https://matplotlib.org/
GitHub - unjs/unbuild: 📦 An unified javascript build system
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Shakerphobia
analyze bundle size with treeshake
Rails アプリで [docker-compose build] を実行したらエラーになった時の対処法をメモる - ものづくりのブログ
原因 解決策 Rails アプリで開発中に "docker-compose build" を実行したら以下のエラーが出てきました。 $ docker-compose build db uses an image, skipping jenkins uses an image, skipping Building web Step 1/9 : FROM ruby:2.5.3 ---> 72aaaee1eea4 Step 2/9 : RUN curl -sL https://deb.nodesource.com/setup_10.x | bash - && apt-get update && apt-get install -y nodejs --no-install-recommends && rm -rf /var/lib/apt/lists/* ---> Using cache --->
![Rails アプリで [docker-compose build] を実行したらエラーになった時の対処法をメモる - ものづくりのブログ](https://cdn-ak-scissors.b.st-hatena.com/image/square/18b6b6c186d771bdb199d8fa5facda50dc4590af/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fa%2Fa1026302%2F20210202%2F20210202121436.png)
The State of Vite Hello everyone! Welcome back to another ViteConf. Today I am here to talk about the state of Vite: What’s been happening, how things are going, and what’s going to happen next. Let’s dive right into it. Evan You ViteConf 2023
This is the biggest release of Bun yet. Bun now has a built-in JavaScript and TypeScript bundler and minifier. Use it to bundle frontend apps or bundle your code into a standalone executable. We've also been busy improving performance and fixing bugs as-per usual: writeFile() gets up to 20% faster on Linux, lots of bug fixes to Node.js compatiblity and Web API compatiblity, support for TypeScript
GitHub - samthor/kuto: Faster updates for big JS projects
🌈 Kuto makes updating your site's JS better, faster, harder, stronger. It reduces your download size by re-using code you've already shipped. Read more on the blog, or watch Theo.gg's video! 🌈 It does this by splitting JS files (in ESM) into 'main' and static parts. The static parts can be cached by clients forever, as they have no side-effects, and can be used as a 'corpus' or dictionary of cod
Through the pipeline: An exploration of front-end bundlers
This last week I spent a lot of time buried deep in the documentation of parcel, rollup, and esbuild. I've been on a quest. Mainly one that starts from a place of being fed up with webpack being slow and unwieldy to configure and manage. And I've been hearing and even playing around with these other bundlers a bit, well enough to know a happier path should exist. My bundling needs Let me lay out m
Packup
Introduction Packup is web application bundler for Deno, inspired by parcel. Packup connects your assets such as html, css, javascript and bundles them into static files. It also serves them dynamically when in development. Features 📦 Bundles web application like Parcel. ✨ Supports TypeScript out of the box. 🦕 Deno-compatible ES Modules resolution. 💨 Fast build with esbuild-wasm bundler. 🔩 Dev
📦 Parcel 2 beta 1: improved stability, tree shaking, source map performance, and more! 🚀
The Parcel team is super excited to release the first beta of Parcel 2 today! This marks the first Parcel 2 release that’s more stable than our nightly and alpha releases, and our commitment to avoid changing most user facing APIs. Please try it out and give us your feedback on Github! It’s been a while since our last alpha release, and there has been a ton of active development on Parcel 2 in the
You can read the full release notes below. But first, a look ahead... The Road to Snowpack v2.0 As it stands, v1.7 is our last planned v1.x release before v2.0. The project has grown a ton over since our v1.0 release: 160+ PRs, 50+ contributors, and a collection of podcasts, blog posts, video tutorials and more. I'm overjoyed that this project has meant so much to so many. If you're reading this,
はじめに Bundler 2.2.x から 適切なプラットフォームを Gemfile.lock に記載する必要があった すべての環境をすぐに用意、再現できるマシンが複数手元にないため Platform 一覧を作成した Mac OS は新しい OS が公開後更新します Platform 一覧 Linux, Mac 別に記載します 32bit 環境や Windows マシン は手元に無いため省略しています 以下に記載する Platform 名を bundle lock --add-platform <Platform名> コマンド実行時に渡すことで、実行環境の追加できます Linux OS x84_64 arm64
IRBとRelineのバージョンを変更してIRBを起動するスクリプトを書いた - Eggshell
IRBのバージョンは簡単に変更できるけど、Relineのバージョン変えてIRB起動するのが面倒だったのでスクリプトを書いてみた。 手元でしか使わないのでARGVで文字列渡すだけの簡素な作り。 bundler/inline は便利だなぁ。 コードにもコメントしてあるけど、ARGV.clear しないとIRBの lib/irb/magic-file.rb で ARGV[0] を File.open しようとして落ちるので ARGV.clear している。 使用例 ruby irb_reline_versions_changer.rb 1.4.1 0.3.0 #!/usr/bin/env ruby require 'bundler/inline' IRB_VERSION = ARGV[0] RELINE_VERSION = ARGV[1] # NOTE: IRBのMagicFileでARGVをフ
How to write a Bundler plugin What is a plugin? Bundler plugins are specialized gems that are aimed at integrating and extending Bundler’s functionality. This guide will help you start writing your own Bundler plugins. Why would I use a plugin? Plugins are able to integrate with and extend Bundler. Currently, a plugin is able to: Add commands to Bundler (e.g. bundle my_command) Add a special handl
tl;dr: Snowpack v3.0 will release on January 6th, 2021 (the one-year anniversary of its original launch post). This is our biggest release yet with some serious new features, including a new way to load npm imports on-demand and skip the frontend npm install step entirely. Update: Release was delayed for a week for some finishing touches. New release date is January 13th! More info on Discord. Bes
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Server Component と Client Component で依存モジュールを切り替える
Bundler: Generate gem skeleton with Rust extension
JavaScript Macros in Bun | Bun Blog
The Bun Bundler | Bun Blog
Release 🚀 Farm v1.0 is released! · farm-fe/farm
bundle updateで特定のgemのみ更新する時に気をつけるべきポイント - 10nin blog
How we reduced the size of our JavaScript bundles by 33%
Rails初心者に送る「Bundlerチョットワカルマニュアル」 - Qiita
Release v0.21.0 · evanw/esbuild
Hot Module Replacement is Easy - Bjorn Lu
State of Vite (ViteConf 2023)
Bun v0.6.0 | Bun Blog
Release v1.7.0 · FredKSchott/snowpack
Bundler の Platform 一覧 （Mac OS / Linux版） - Qiita
Bundler: How to write a Bundler plugin
Snowpack v3.0 Release Candidate