Weekly Frontend News 2022年5月4週目/Layouts RFC,Building Mini Next.js,...
今週はこういう記事を書きました✍
自分が今週見たフロントエンド記事のまとめ。
Blog - Layouts RFC | Next.js
Next.jsの新しいルーティングやディレクトリ構成の仕組みについての提案。
ルーティングにappディレクトリを配置する形になり、layout機能やpage機能などのUIやtest、storyを置けるようになるらしい。
またこれを利用することでReact Server Componentsへの段階的移行も。
詳しくはPart 2の記事が出るらしいのでそれを待ちたい。
Building a Mini Next.js
fastify-viteでNext.jsのルーティングやgetServerSidePropsのようなものをつくって、Mini Next.jsを作成していく記事。
Release v7.30.0 · jsx-eslint/eslint-plugin-react
eslint-plugin-reactにさまざまなオプションやルールが追加されている。
中でもreact/jsx-no-leaked-renderは&&使用時に0などを表示してしまう不用意なレンダリングを防いでくれるものでよさそう。
v4.15 Release Notes | Gatsby
Gatsbyにサードパーティscriptを読み込むScriptコンポーネントが追加され、中でPartytownが動くのもexperimentalで入っている。
Release v5.26.0 · typescript-eslint/typescript-eslint
TS 4.7対応などがはいった
Up and Running with Remix | egghead.io
Remixを学習する無料の動画コンテンツレッスン。
RemixtチームのKent Cが作成したものなので、Remixを学習するのに最適かも。
RedwoodJS を Ruby on Rails と比較してみる
ReactベースのフレームワークRedwoodJSをRuby on Railsと比較しつつ解説してくれている👀
RedwoodJSはRuby on Railsの思想は受け継ぎつつも、モダンフロントエンドな環境を作れそう。
Storybook 6.5
Storybook 6.5リリースに伴う機能の解説
Announcing TypeScript 4.7
TS 4.7のリリース。
TypeScript 4.7 と Native Node.js ESM の記事で解説を読める。
Jest Preview
preview.debug();を差し込むことで、jestのテスト内容をHTMLにしてブラウザで確認できるツール。
autoPreview：trueを設定することで自動で差し込んでもくれる。
Discussion