はじめに 現在(2022年1月14日)ではReact18のConcurrent RenderingはExperimentalな機能なので、リリースされるころには変わっている可能性がありますが、素振りやコンセプトは体験して […]
Reactを取り巻く状態管理の潮流を学ぼう。HooksやServer Componentsなどの登場で何が変わるか – エンジニアHub｜Webエンジニアのキャリアを考える！
Reactを取り巻く状態管理の潮流を学ぼう。HooksやServer Componentsなどの登場で何が変わるか Reactを取り巻く状態管理のアプローチは変化を続けていますが、いま知っておくべき手法とはどのようなものでしょうか。小林 徹（@koba04）さんに、現在、そしてこの先の状態管理について執筆いただきました。 こんにちは、小…
JestでReactアプリのUIテストを自動化してみた（スナップショットテスト）
こんにちは、CX事業本部 IoT事業部の若槻です。 今回は、JavaScriptのテストフレームワークJestを使用して、ReactアプリケーションのUIテストの自動化をしてみました。 ReactアプリのUIテストをする […]…
公式チュートリアルでNext.jsに入門してみた (4) 〜デプロイ編〜
こんにちは、CX事業本部 IoT事業部の若槻です。 フロントエンドフレームワークNext.jsへの入門のために、次の公式チュートリアルを数回のシリーズに分けてこなしていき、基本的な機能に触れていこうと思います。 Crea […]…
公式チュートリアルでNext.jsに入門してみた（中編）
こんにちは、CX事業本部 IoT事業部の若槻です。 今回は、今までフロントエンドフレームワークはプレーンなReactしか使ったことがなかった私が、公式チュートリアルでNext.jsに入門してみた、の（中編）です。 （前編 […]…
フロントエンドのデザインパターン
本書は、Lydia Hallie 氏 と Addy Osmani 氏らによる Learning Patterns (https://www.patterns.dev/) の日本語訳です。原著は大きく 3 つのセクションに分かれていますが、本書は、その最初のセクションである Design Patterns を訳したものとなります。
高速で開発者体験も抜群！JavaScriptフレームワークの新星「Svelte」とは何か？
本連載では、「State of JS 2020」でも注目されているJavaScriptフレームワークのひとつ「Svelte」について、その概要や魅力、Svelteを使用したアプリケーションの開発方法について紹介します。今回は、同じJavaScriptフレームワークであるReactとVueと比較しながら、Svelteの特徴と、2022年にSvelteを使うべき理由につ…
RemixにAuth0認証を組み込んでみた
はじめに こんにちは、CX事業本部MAD事業部の森茂です。 Webアプリケーションをつくるにあたって多くの場合に必要なってくるのが認証の機能です。とはいえ認証の仕組みを1から整えるのはとても大変です。今回はIDaaSとし […]…
Recoil の Query Refresh Pattern を useRecoilRefresher_UNSTABLE に置き換える
MAD 事業部の高橋ゆうきです。 以前 Recoil でつくるお天気アプリ という記事で、Recoil の Query Refresh Pattern を紹介しました。 バージョン 0.5.0 からは、それを置き換えるこ […]
React Conf 2021 メモ
React Conf 2021の動画をみたメモ。 公式ブログで React Conf 2021 Recap という記事でその概要が紹介されています。 動画はReact Conf 2021 | YouTubeに上がってます。 ※ 雑にメモ書いたので、日本語おかしいところあるかも。どのセッション見るかの参考になれば。 Streaming Server rendering の提供 React 18のリリー…