タグ

関連タグで絞り込む (1)

タグの絞り込みを解除

javascriptとReactに関するArahabicaのブックマーク (4)

  • React+Redux入門 - Qiita

    ※この記事を書いたのは2016年4月です。Qiitaでは記事をアップデートするとその日付のみが表示されていまうため、新しい記事のように見えるかもしれませんが、現代ではもっと進化していることにご注意ください。素直にReact Hooks を使いましょう。あと Redux は用法用量を守って気をつけて使ってください。なんならReduxは使わない方がいいでしょう。 最近のモダンなウェブフレームワークと言えば、React+Reduxですよね。でも、なんか難しそうとか、ReactってPHPみたいにViewにロジック混ざりそうとか感じて尻込みしていませんか?それはただの誤解かもしれません。React+Reduxはそんなに難易度の高いものではありません。ただ単に、新しい概念で構成されているから、カルチャーショックのようなものがある、というだけのことです。React+Reduxに入門してみましょう。 僕自

    React+Redux入門 - Qiita
  • 今からはじめるReact.js〜画面遷移〜 - Qiita

    ※(2016/01/19)react-routerのバージョンは1.xを前提にしています。 ※(2016/02/18)2.xネタはこちら なんらかのサービスを作成した場合、製品カテゴリーごとに画面が存在するとか、メインの画面とは別にに設定画面があるとか、会員制サイトであればログイン画面があって、ログインしたら、ポータル画面に遷移したり、といったように、複数の画面が存在して、それらの画面に行き来できる仕掛けが必要になってきます。 react-routerというライブラリは画面遷移を管理してくれるライブラリです。 インストール npm install react-router --save npmのバージョンが3以上の場合は、historyもインストールします。 npm install history --save react-routerとhistoryはバージョンの対応関係があるため、 n

    今からはじめるReact.js〜画面遷移〜 - Qiita
  • react-router で ルーティング | スマホ神 – JavaScript 受託開発 –

    React でルーティングをする react-router を試しました。 インストール Browserify + Babel でコンパイルするのでそのツールを Reactreact-router と一緒にインストールしておきます。 $ npm install -g browserify $ npm install -D babelify babel-preset-es2015 babel-preset-react $ npm install -S react react-dom react-router Hello, World! とりあえず画面になにか表示するところからやってみます。 import React, { Component } from 'react'; import { render } from 'react-dom'; import { Router, Rout

  • ES5のReact.jsソースをES6ベースに書き換える - Qiita

    概要 開発者にとってはメリットがありそうだけどユーザーにとってはいまいちメリットがよく分からないES6。ひとまずどのくらい開発者にとってメリットがあるのかを実際に把握するため、ES5のReact.jsソースをES6ベースに書き換えてみました。 対象のソースは、投稿[react-router v2.xとcontext]のサンプルソース(https://github.com/kunitak/react-router-1to2)です。 参考 React TutorialをES6で書きなおしてみた - console.blog(self); http://sadah.hatenablog.com/entry/2015/08/03/085828 Babelで理解するEcmaScript6の import / export http://qiita.com/inuscript/items/41168a

    ES5のReact.jsソースをES6ベースに書き換える - Qiita
  • 1