タグ

react.jsに関するtjun1のブックマーク (4)

  • Nintendo Switchの中ではReactが動いてる!Nintendo eShop開発秘話を聞いてきた

    Nintendo Switchの中ではReactが動いてる!Nintendo eShop開発秘話を聞いてきた 白石 俊平(HTML5 Experts.jp編集長) こんにちは、編集長の白石です。 この記事は、9月24日に開催されたHTML5 Conference 2017に登壇したエキスパートに、お話されたセッションのトピックを中心に語っていただこうとういものです。セッションの内容をより深く理解する手助けになるだけでなく、記事単体でも面白く読んでいただけることを目指しています。 今回は、「Nintendo SwitchとWeb」という講演をされていた任天堂さんに、Switch開発におけるWeb技術の活用方法や、開発秘話を伺ってきました。任天堂のお二人は京都から、リモートでの取材に応じていただきました。 Nintendo SwitchではWeb技術が大活躍! 白石 簡単に自己紹介をお願いで

    Nintendo Switchの中ではReactが動いてる!Nintendo eShop開発秘話を聞いてきた
  • ReactのSyntheticEventとは何なのか - りんごとバナナ

    Reactでイベントを作るとき、引数にeを渡す例がよくある。 例えば公式ドキュメントにもこんなコードが載ってる。 function ActionLink() { function handleClick(e) { e.preventDefault(); console.log('The link was clicked.'); } このeはSyntheticEventを表すものらしいが、どんなものなのかいまいちつかめないのでいろいろ調べてみた。 特にこのページがわかりやすく、役に立った。 www.kirupa.com 通常のイベントとの違い Reactを使わず、通常のJSでイベントを実装するときは、イベントの種類によって様々なインターフェイスがある。 例えばクリックイベントを作るならMouseEventを使い、キーボード入力をイベントリスナーとするならKeyBoardEventを使う。 イ

    ReactのSyntheticEventとは何なのか - りんごとバナナ
    tjun1
    tjun1 2017/11/24
    ほー
  • mizchi の Redux 考

    mizchi @mizchi なぜreduxがゴミか、関数を各種インターフェース・ミドルウェアにとるが、関数が満たすべき仕様(型)が明示されてなくて、合成された関数が適用順のどのステップにあるか判断できる材料がないのが1つ mizchi @mizchi reduxが使い物にならん理由、actionCreator と reducer と mapStateToProps(かそれ相当の関数) が実質的に密結合で分解不可能だが、reducer から先が非同期をとれないので、action~ にロジックが押し込まれていく。

    mizchi の Redux 考
  • RailsでReact.jsをサーバーレンダリングする - Rails Webook

    react-railsというReact.jsをRailsに簡単に統合できるgemを使い、React.jsをサーバーレンダリングする方法を説明します。 サーバーレンダリングすることで、初期値をHTMLの初期レンダー時に渡せるようになるので、ロード中による画面のばたつきや、ロード中といった表示をなくせます。 RailsReactを使ってメッセージボックスアプリを作成 - Rails Webookをベースに説明しています。 また、この記事のソースコードは https://github.com/nipe0324/rails_samples/tree/master/react_server_rendering_test です。 目次 RailsReactコンポーネントをレンダーする Reactコンポーネントをサーバーレンダリングする コントローラーでReactコンポーネントをレンダーする 動作確

    RailsでReact.jsをサーバーレンダリングする - Rails Webook
  • 1