🏝️

AI Shift フロントエンドトーク 2024-07

2024/08/06に公開

はじめに

こんにちは、AI Shiftフロントエンドエンジニアの栗崎 (@KK_sep_TT) です。
AI Shiftでは週に1回フロントエンドトーク(フロントエンドに関する情報共有会)を行なっています。今月も様々なジャンルの技術に関する話題があったので共有したいと思います。

React Internal Deep Dive

jserさんがReactの内部の仕組みをまとめてくれています。
今現在32のセクションがあり、デモや解説動画を使いながら分かりやすく深い内容についてまとめてくれています。Reactの内部を読み解く上でとても参考になりそうです。

https://jser.dev/series/react-source-code-walkthrough/

Javascript Set の 集合演算がブラウザで実行できるように

Javascript の Set オブジェクトの集合演算のメソッドが主要ブラウザでサポートされました。

https://web.dev/blog/set-methods?hl=en

https://qiita.com/rana_kualu/items/444cbac3a2ca26152d7a

toB SaaS のインフラアーキテクチャ

10社の toB SaaS サービスのインフラアーキテクチャが紹介されています。現在のアーキテクチャの背景と今後の改善方針について書かれており、とても参考になります。

https://findy-tools.io/articles/architecture-to-b/14

State of React 2023 公開

Reactに興味を持つ世界中のエンジニアが回答したアンケートの結果をまとめた「State of React 2023」が公開されました。ReactのライブラリやHookの使用率などが見れます。
ロゴに日本語で「リアクト」と書かれているのはなんでなんでしょう?👀

https://2023.stateofreact.com/en-US

TanStack Form リリース間近

TanStack 系列から新しいFormライブラリがリリースされます。TanStack Form については以下の記事にまとめていますので、気になる方はご覧ください。

https://x.com/crutchcorn/status/1809484377488752901

https://zenn.dev/aishift/articles/592a9a82f8bc8a

React Flow v12 リリース

フローチャートライブラリのReact Flow のv12がリリースされました。v12ではサーバーサイドレンダリング、コンピューティングフロー、ダークモードの新機能が追加されました。

https://reactflow.dev/

Cloudflare Zaras が X, Instagramに対応

HTMLに埋め込まれたブラウザ側で実行されるスクリプトをCloudflareのエッジ上で実行し、ページレンダリング速度を上げる Cloudflare ZarasがX(旧twitter), instagram の埋め込みに対応しました。
https://blog.cloudflare.com/zaraz-supports-server-side-rendering-of-embeds

Node.js で TSが実行できるように

Node.js に TypeScript を直接実行できるようにする試験的なオプションの実装がマージされました。すでに nightly version にて使用可能になっています。

https://github.com/nodejs/node/pull/53725

レンダリング戦略のまとめ by Vercel

Vercel が SSG, SSR, CSR, ISR, PPR 各レンダリング戦略の使用例とトレードオフを網羅的にまとめてくれています。

https://vercel.com/blog/how-to-choose-the-best-rendering-strategy-for-your-app

最後に

AI Shiftではエンジニアの採用に力を入れています!
少しでも興味を持っていただけましたら、カジュアル面談でお話しませんか?
(オンライン・19時以降の面談も可能です!)

【面談フォームはこちら】

https://hrmos.co/pages/cyberagent-group/jobs/1826557091831955459

AI Shift Tech Blog

Discussion