タグ

ブックマーク / mae.chab.in (3)

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

    Reactを勉強し始めた頃は、その概念はわかったとしても、実際にコードを書いてみようとすると、どう書いていいかわからず手が止まってしまう人もいるかと思います。jQueryをバリバリ書いていた人でも、Reactを書こうとすると最初は戸惑ってしまうっていうのはよく聞く話です。ある意味Reactの書き方は特殊です。まずは書き慣れる必要があるかと思います。今回の記事では、初心者向けとしてReactの実装でよく使う基的な構文を紹介します。今回紹介する構文を覚えれば、ほぼほぼReactの仕組みも理解できるようになり、その後の学習も楽になるかと思います。ぜひ参考にしてみてください。 ファイルを読み込む時の構文ReactUI(ユーザーインターフェース)を実装する際は、一般的にnpm経由でreactreact-domをプロジェクトディレクトリ内にインストールして、ファイルに読み込んで使うようにします。

    覚えておきたいReactの実装でよく使う基本的な構文(書き方)
  • nodebrewを使ってMac OSX環境のNode.jsを管理する

    Node.jsのバージョンアップの速度は前から速いんですが、ここにきて自分の環境のNode.jsのバージョンではインストールできないnpmのパッケージなどが出始めてきました。気が向いたときにバージョンアップなどしていましたが、特に何も起きない限りバージョンアップをおろそかにしがちではありました。これを機に、今更ですがNode.jsのバージョン管理ツールであるnodebrewを使ってみることにしました。導入方法や使い方などをまとめておきます。 nodebrewとはnodebrewはNode.jsのバージョン管理ツールです。ご存じの方も多いかと思いますが、日エンジニアの@hokacchaさんによってPerlで開発されています。同じようなツールとしてnvmやWindows用としてNodistといったものがあります。これらのツールに関しては好みのを使えばいいと思いますが、nvmについてはzsh

    nodebrewを使ってMac OSX環境のNode.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

    Reduxの実装とReactとの連携を超シンプルなサンプルを使って解説
  • 1