maesblog

react 検索結果: 73

React v16.8: Hooks をサポートした React – 日本語翻訳

2019年2月6日(水)に、React の最新マイナーバージョンとして React 16.8.0 がリリースされました。前回のReact 16.7.0 から約1ヶ月半ぶりとなります。今回の目玉は何と言っても、React […]

React v16.6.0: React.lazy、React.memo、contextTypeなどを追加 – 公式ブログ日本語訳

2018年10月23日(火)に React のマイナーリリースとなる React v16.6.0 がリリースされました。React.memo()、React.lazy()、contextType といった即戦力になりそう […]

Reactの「Error Boundary」について – 公式ドキュメント日本語訳

React v17 のリリースが差し迫ってきている今日この頃。私の場合、今年はほとんど React の開発案件に携わることがなかったので、React v16 の機能も完全に追いきれていません。React v17 がリリー […]

Reactの「Higher-Order Components」について – 公式ドキュメント日本語訳

最近、Higher-Order Component (HOC) や Render Props といった言葉を最近よく目にするようになりました。これらは、React のコンポーネントを再利用可能な方法でその状態や振る舞いを […]

Reactの「Render Props」について – 公式ドキュメント日本語訳

昨年から Reactl界隈で「Render Props」という言葉をよく目にするようになりました。Render Props は、React のコンポーネントを再利用可能な方法でその状態や振る舞いをカプセル化するためのパタ […]

WebVRコンテンツをReactで開発するためのaframe-react紹介

各WebブラウザーでのWebVRの対応が徐々に進んできています。つまり、VR(バーチャルリアリティ)コンテンツがブラウザーで体験できるようになってきています。VRヘッドマウントディスプレイを開発するOculusを傘下に持 […]

React v16.4.0: Pointer Events をサポート【日本語翻訳】

2018年5月23日に React v16.4.0 がリリースされました。全バージョン v16.3.0 のリリースは2018年3月29日だったので、約2カ月ぶりのバージョンアップです。今回のリリースの目玉は、Pointe […]

Jest + enzymeで行うReactのユニットテスト(単体テスト)について

会社の勉強会でReactのユニットテスト(UT / 単体テスト)について軽く話してきました。Reactのユニットテストを語る際に、テスティングフレームワークと言えば「Jest」、テストユーティリティツールと言えば「enz […]

React v16.3.0: 新しいLifecycleメソッドとcontext API【日本語翻訳】

3月29日に待望のReact v16.3.0がリリースされました。前回のv16.2.0のリリースから約5ヶ月が経ちます。今回の目玉機能はcontext APIと言われていましたが、ライフサイクルメソッドの変更や、ref周 […]

React v16.2.0: Fragments機能の改善【日本語翻訳】

現在2018年3月ですが、そろそろReact v16.3がリリースされると言われています。React v16.3の目玉機能はcontext APIと言われています。そんな中、私は最近はAngularばかり書いていて、Re […]

React v16.0リリースノート【日本語翻訳】

2017年9月26日(火)にReactの最新バージョンとなるReact v16がリリースされました。前回のv15のリリースが2016年4月7日だったので、実に1年半ぶりのメジャーバージョンアップとなります。「Fiber」 […]

React 16 β版 – 公式ドキュメント日本語訳

2017年7月24日に待望のReact 16のβ版(ベータ版)が公開テスト用として公開されました🎉。それに合わせてReactのGitHubのリポジトリでも専用のissue(#10249)が立てられました。 […]

create-react-appで使えるdynamic import()でReactのComponentを動的に読み込む(Code Splitting)

2017年5月19日に「create-react-app v1.0.0」がリリースされました。追加された機能の1つの中で、dynamic import()への対応というものがありました。dynamic import()は […]

WebVRをReactで開発するフレームワーク「React VR」ことはじめ

今年2017年は「VR(バーチャルリアリティ)元年」と呼ばれています。MozillaとW3Cが共同で仕様の策定を進めている「WebVR API」は、今年中にFirefoxやChromeなどの主要なWebブラウザーに実装さ […]

TypeScriptでReactを書く – webpackを使った開発環境の構築方法

2017年に入りTypeScriptがだいぶ熱くなってきています。特に以下の2つのニュースはTypeScriptの使用について大きく後押ししてくれるものとなったかと思います。 Googleが社内の標準言語としてTypeS […]

React Nativeアプリの開発環境をコマンド一発で構築する「create-react-native-app」

今月の13日と14日に米カリフォルニア州のサンタクララでReact Conf 2017というReactのカンファレンスが行われました。このタイミングで発表されたのが、今回紹介する「create-react-native- […]

Web上で手軽に「React」を試せるオンライン・エディタ「CodePen」

React + Redux + WP REST API + SSRで爆速ブログを作ったので事例として紹介します

WordPress 4.7では、これまでプラグインとして提供されていたWP REST APIが機能として組み込まれ、標準でREST APIが使えるようになりました。このことにより予想されることは、PHP以外のプラットフォ […]

覚えておきたいReactの実装でよく使う基本的な構文(書き方)

Reactを勉強し始めた頃は、その概念はわかったとしても、実際にコードを書いてみようとすると、どう書いていいかわからず手が止まってしまう人もいるかと思います。jQueryをバリバリ書いていた人でも、Reactを書こうとす […]

Reactチュートリアル: Intro To React【日本語翻訳】

2016年10月にReactの公式ドキュメントが刷新されました。それに伴いチュートリアルの内容も新しいものとなりました。当ブログでは以前のチュートリアルも日本語に翻訳していましたので、今回も翻訳しました。自分のReact […]