はじめに こんにちは、CX事業本部MAD事業部の森茂です。 個人的にはRemixの話題が続いていますが、Remixのリリースされる少し前、2021年の11月12日に突如?あらわれStable版がリリースされたReact用 […]…
React Router を v5 から v6 にアップデートしてみました
MAD 事業部の高橋です。 少し前に React Router を v5 から v6 にアップデートしたので、行った作業を振り返ってまとめてみました。一気に v6 の機能をフルで使うというよりも、最小限の対応で v6 に […]…
AWS Amplify Studio パブリックプレビュー版をさわってみた
[速報] AWS上でWeb/モバイル開発をローコードで実現する AWS Amplify Studio が発表されました!(パブリックプレビュー) #reInvent Amplify StudioはFigmaと連携しており […]
Sencha GRUI Delivers Rich and High Performance Grids For React Applications
Sencha GRUI is a perfect modern enterprise solution for React UI that comes with 100+ data grid features. With GRUI, Sencha has re-built the Ext JS grid from the ground up to use modern JavaScript, and a whole new architecture …
RemixでつくるWebアプリケーション〜準備編〜
はじめに こんにちはCX事業本部MAD事業部の森茂です。 社内はre:Invent一色ですが、フロントエンドエンジニアとしてもReact Conf 2021を前に盛り上がりたい!ということであえて先日リリースされたRea […]…
the-past-and-future-of-accessible-front-end-development
Transcript ΞΫηγϒϧͳ ϑϩϯτΤϯυ։ൃͷ ͜Ε·Ͱͱ͜Ε͔Β େࢁԞਓɹ+4$POG+1 2021 – 2021/11/27 ࣗݾհ େࢁԞਓʢ͓͓·͓͘ͱʣ • he/him • גࣜձࣾΫϥυϫʔΫε • ϓϩμΫτຊ෦ ϓϩμΫτ։ൃ෦ ϓϥοτϑΥʔϜ։ൃ̏άϧʔϓ • ࣗশϑϩϯτΤϯυσβΠφʔ • ΞΫηγϏϦςΟܒOSSίϯτϦ Ϗϡʔτ׆ಈΛ͍ͯ͠·͢ • Ұࣇͷ ΠϯλʔωοτΞΠσϯςΟςΟɿyamanoku ຊ͓͢Δ͜ͱ • ΞΫηγϏϦςΟͱԿ͔ • ͜Ε·ͰͷΞΫηγϏϦςΟରԠ • ͜Ε͔ΒͷΞΫηγϏϦςΟରԠ • ظ͍ͯ͠ΔΞϓϩʔν ̍. ΞΫηγϏϦςΟͱԿ͔ ΞΫηγϏϦ…
Next.js でリアーキテクトした話 / story-of-re-architect-with-nextjs
Transcript Next.js でリアーキテクトした話 JSConf JP 2021 @Takepepe 吉井 健文 / Takepepe 株式会社リクルート 横断エンジニアリング部 APソリューショングループ フロントエンドエンジニア・アーキテクト リクルートでの働き方 横断組織の一員として、 社内事業ソフトウェア開発・技術支援をしています。 主に、得意…
SSG is a compiler
Transcript SSG is compiler Yuta Ide (@sadnessOjisan) JSConfJP2021 SSG is like a magic None None None None SSG is your friend Agenda 1. SSG is useful 2. Inside SSG 3. Look back SSR Is SSG only for Blog / LP / Q&A ? 言葉の定義 – SST – CSR – SSR – SSG n番煎じな話なので詳細には立ち入りません。 …
Next.jsを使う必要がない小規模なSPAの最小構成を考えてみた
はじめに React開発におけるNext.jsのプレゼンスが日に日に増している今日この頃ですが、Next.jsを使う必要がない小規模なSPAを作る場合の型が欲しくなり、色々調べて技術選定をした上で実際に作ってみるところまでやったので、その技術選定理由とセットアップ手順を共有したいと思います。 フロントエンドの移り変わり…
React with TypeScript Cheatsheet
Table of Contents:· How to type React props ∘ Creating a type alias for the props ∘ Typing optional props ∘ List of types for React component props · How to type React function components · How to type React hooks ∘ Typing useState hook ∘ Typing useEffect and useLayoutEffect hooks ∘ Typing useCon…