📝

Weekly Frontend News 2022年5月4週目/Layouts RFC,Building Mini Next.js,...

2022/05/28に公開

今週はこういう記事を書きました✍
https://zenn.dev/sakito/articles/af87061a5016e6

自分が今週見たフロントエンド記事のまとめ。


Blog - Layouts RFC | Next.js

https://nextjs.org/blog/layouts-rfc

Next.jsの新しいルーティングやディレクトリ構成の仕組みについての提案。
ルーティングにappディレクトリを配置する形になり、layout機能やpage機能などのUIやtest、storyを置けるようになるらしい。
またこれを利用することでReact Server Componentsへの段階的移行も。

詳しくはPart 2の記事が出るらしいのでそれを待ちたい。

Building a Mini Next.js

https://hire.jonasgalvez.com.br/2022/may/18/building-a-mini-next-js/

fastify-viteでNext.jsのルーティングやgetServerSidePropsのようなものをつくって、Mini Next.jsを作成していく記事。

Release v7.30.0 · jsx-eslint/eslint-plugin-react

https://github.com/jsx-eslint/eslint-plugin-react/releases/tag/v7.30.0

eslint-plugin-reactにさまざまなオプションやルールが追加されている。
中でもreact/jsx-no-leaked-render&&使用時に0などを表示してしまう不用意なレンダリングを防いでくれるものでよさそう。

v4.15 Release Notes | Gatsby

https://www.gatsbyjs.com/docs/reference/release-notes/v4.15/

Gatsbyにサードパーティscriptを読み込むScriptコンポーネントが追加され、中でPartytownが動くのもexperimentalで入っている。

Release v5.26.0 · typescript-eslint/typescript-eslint

https://github.com/typescript-eslint/typescript-eslint/releases/tag/v5.26.0

TS 4.7対応などがはいった

Up and Running with Remix | egghead.io

https://egghead.io/courses/up-and-running-with-remix-b82b6bb6

Remixを学習する無料の動画コンテンツレッスン。
RemixtチームのKent Cが作成したものなので、Remixを学習するのに最適かも。

RedwoodJS を Ruby on Rails と比較してみる

https://zenn.dev/mugi/articles/334f9556095a07

ReactベースのフレームワークRedwoodJSをRuby on Railsと比較しつつ解説してくれている👀
RedwoodJSはRuby on Railsの思想は受け継ぎつつも、モダンフロントエンドな環境を作れそう。

Storybook 6.5

https://storybook.js.org/blog/storybook-6-5/

Storybook 6.5リリースに伴う機能の解説

Announcing TypeScript 4.7

https://devblogs.microsoft.com/typescript/announcing-typescript-4-7/

TS 4.7のリリース。
TypeScript 4.7 と Native Node.js ESM の記事で解説を読める。

Jest Preview

https://github.com/nvh95/jest-preview

preview.debug();を差し込むことで、jestのテスト内容をHTMLにしてブラウザで確認できるツール。
autoPreview:trueを設定することで自動で差し込んでもくれる。

Discussion

ログインするとコメントできます