ep104 Monthly Ecosystem 202209

Theme

第 104 回のテーマは 2022 年 9 月の Monthly Ecosystem です。

Show Note

• Blog - Next.js 12.3 | Next.js
  • https://nextjs.org/blog/next-12-3
    • 7 倍速くなるらしい swc minify, next/future/image の安定化, ts のデフォルトサポート
• Next.js Layouts RFC in 5 minutes - Vercel
  • https://vercel.com/blog/next-js-layouts-rfc-in-5-minutes
    • 今後、フロントエンドエンジニアの設計力とパフォーマンスの知識が求められる
• Next Conf 2022
  • https://vercel.com/blog/nextjs-conf-2022
• experimental_useEvent by poteto · Pull Request #25229 · facebook/react
  • https://github.com/facebook/react/pull/25229
  • https://github.com/facebook/react/pull/25285
    • eslint の追加も PR で出てる
• Implement basic stylesheet Resources for react-dom by gnoff · Pull Request #25060 · facebook/react
  • https://github.com/facebook/react/pull/25060
  • https://github.com/facebook/react/pull/25243
• React Router 6.4
  • https://remix.run/blog/react-router-v6.4
    • Remix で使われているデータの読み込み、更新や Skeleton UI などが追加されている
• Node v18.8.0 (Current) | Node.js
  • https://nodejs.org/en/blog/release/v18.8.0/
    • user-land snapshot
• 7.19.0 Released: Stage 3 decorators and more RegExp features! · Babel
  • https://babeljs.io/blog/2022/09/05/7.19.0
• TypeScript 4.9 Iteration Plan · Issue #50457 · microsoft/TypeScript
  • https://github.com/microsoft/TypeScript/issues/50457
• facebookincubator/memlab: A framework for finding JavaScript memory leaks and analyzing heap snapshots
  • https://github.com/facebookincubator/memlab
    • SPA で発生するメモリリークを調査するツール、中は puppeteer
• t3-oss/create-t3-app: Quickest way to start a new web app with full stack typesafety
  • https://github.com/t3-oss/create-t3-app
  • Next.js
  • tRPC
  • TailwindCSS
  • TypeScript
  • Prisma
• tRPC - Move Fast and Break Nothing. End-to-end typesafe APIs made easy. | tRPC
  • https://trpc.io/
  • RPC のスキーマ共有を TS の型ベースで行う
  • zod で validation
  • t3Stack
• A New Collaboration with Adobe
  • https://www.figma.com/blog/a-new-collaboration-with-adobe/
  • Adobe が figma を 200 億ドルで買収
  • https://stocker.jp/diary/figma-adobe-xd/
• Token CSS
  • https://tokencss.com/
• Fresh 1.1 - automatic JSX, plugins, DevTools, and more
  • https://deno.com/blog/fresh-1.1
• Signals | Preact: Fast 3kb React alternative with the same ES6 API. Components & Virtual DOM.
  • https://preactjs.com/guide/v10/signals/
    • 新しい状態管理システム
• facebookresearch/shumai: Fast Differentiable Tensor Library in JavaScript and TypeScript with Bun + Flashlight
  • https://github.com/facebookresearch/shumai
• Redwood v3
  • https://community.redwoodjs.com/t/redwood-3-0-0-is-now-available/3989
• Lightning CSS
  • https://lightningcss.dev/
  • gatsbyjs は乗り換えるぽい雰囲気ある
    • https://github.com/gatsbyjs/gatsby/pull/36577
• Storybook 6.5.11
  • https://github.com/storybookjs/storybook/releases/tag/v6.5.11
  • これで Stroybook 6.5 にしたときに、 @storybook/testing-react が原因で型が落ちていたのが直る
• Rollup v3 の Issue
  • https://github.com/rollup/rollup/pull/4549