hiroktsのブックマーク - はてなブックマーク

React v16.2.0: Fragments機能の改善【日本語翻訳】
現在2018年3月ですが、そろそろReact v16.3がリリースされると言われています。React v16.3の目玉機能はcontext APIと言われています。そんな中、私は最近はAngularばかり書いていて、Reactの最新情報をあまり追えていません。React v16.3がリリースされる前に、React v16.2を押さえておこうと思って、今更ですがReact v16.2のリリース内容についてのReactの公式ブログの記事を翻訳してみました。React v16.2の目玉機能は何と言ってもFragmentsです。Reactの書き方を大きく改善してくれる機能です。ぜひ参考にしてみてください。 React v16.2.0: Improved Support for FragmentsNovember 28, 2017 by Clement Hoang React 16.2 is now
hirokts 2019/09/07
React.js
リンク
ES6 (ES2015) ModulesのUMD化。HTMLのScript要素とES6 importでの同時読み込みに対応させる方法
最近はES6（ES2015）でJavaScriptを書くようになってきました。前回投稿した記事で紹介した自作のJavaScriptプラグイン「cb-typewriter-js」もES6の構文で書いて、Babelでコンパイルして作っています。その中で、そのプラグインのコードを書いていてかなり悩んだ事がありました。ES6で書いたコードを「HTMLのScript要素」と「ES6のimport」のどちらの方法でも読み込めるようにする事です。なんとか解決方法がわかったのでまとめておきます。 ES6（ES2015） Modulesで何がやりたいのかJavaScriptのプラグインという性質上、用途は様々となりえます。scriptタグで読み込んで使う人もいれば、最近はES6（ES2015）で開発する人もいるので、ES6のimportで読み込んで使う人もいます。つまりプラグインはそれぞれの環境で使えるよう
hirokts 2018/11/06
リンク
覚えておきたいReactの実装でよく使う基本的な構文（書き方）
Reactを勉強し始めた頃は、その概念はわかったとしても、実際にコードを書いてみようとすると、どう書いていいかわからず手が止まってしまう人もいるかと思います。jQueryをバリバリ書いていた人でも、Reactを書こうとすると最初は戸惑ってしまうっていうのはよく聞く話です。ある意味Reactの書き方は特殊です。まずは書き慣れる必要があるかと思います。今回の記事では、初心者向けとしてReactの実装でよく使う基本的な構文を紹介します。今回紹介する構文を覚えれば、ほぼほぼReactの仕組みも理解できるようになり、その後の学習も楽になるかと思います。ぜひ参考にしてみてください。ファイルを読み込む時の構文ReactでUI（ユーザーインターフェース）を実装する際は、一般的にnpm経由でreactとreact-domをプロジェクトディレクトリ内にインストールして、ファイルに読み込んで使うようにします。
hirokts 2018/10/31
React.js
リンク
Reduxの実装とReactとの連携を超シンプルなサンプルを使って解説
玉石混合状態にあったFluxのフレームワークも、ここ最近ではReduxが首一つ抜け出したような感じとなっています。自分はFacebook/Flux派ではありましたが、先月発売された『WEB+DB PRESS vol.92』に掲載されていた伊藤直也さんのReduxの記事を読んで、Reduxを覚えてみようという気になりました。Redux自体はとてもシンプルで、とっつきやすいと思いました。ただReactとの連携はFacebook/Fluxと比べるとややこしい部分が多いかなといった印象です。ちょっとしたサンプルを作ってみたので、Reduxの実装方法とReactとの連携について紹介したいと思います。 ReduxとはReduxは、Facebookの提唱するFluxアーキテクチャに基づいて（影響を受けて）設計されたJavaScriptフレームワークです。作者は@dan_abramov氏。 reactjs
hirokts 2018/05/16
リンク
1