「フリーランスエンジニアで成功したい」「どんどん仕事をこなして、フリーランスでの収入を安定させたい」という想いがある人もいるでしょう。志半ばで夢や希望で終わりにしたくは、ありませんよね。フリーランスで「成功」の2文字を手に入れるためには、...相棒は見つかってる?パフォーマンスを向上させるキーボードを厳選ピックアップ!2018年8月4日フリーランスって賃貸マンションが借りられないの!?2018年8月3日フリーランスエンジニアの法人成り。【知っておきたい契約のこと】業務委託契約を結ぶならここに気をつけろ!2018年7月31日フリーランスを続けるならPHP以外に第2言語を身につけよう!2018年7月30日フリーランスで活躍するために必須なコミュニケーション能力。技術だけでは食べていけ...2018年7月29日フリーランスエンジニアの転職事情!正社員に戻れるの?2018年1月17日ノウハウ最新記事Reactでコンポーネントを実装してみよう!2017年9月4日Reactでできることはきわめて簡潔です。実はAPIも数えるほどしかないのですが、jQueryのメソッドの大部分を駆逐するだけの威力を持っています。変わったのはどの部分?Swift3の具体的な変更点2017年8月9日HOMEノウハウReactでコンポーネントを実装してみよう!2017年9月4日Reactでコンポーネントを実装してみよう!ノウハウ01Reactでできることはきわめて簡潔です。実はAPIも数えるほどしかないのですが、jQueryのメソッドの大部分を駆逐するだけの威力を持っています。Reactの機能はページ状態を保持しているプレーンなJavaScriptのオブジェクトにテンプレート的な関数を作用させることで、DOMの設計図にあたる仮想DOMを作り出すというもの。それを利用することでリアルなDOMを構築することにあります。Reactは、このように非常にシンプルな作業だけを行うライブラリですが、JSXと呼ばれる新しい記法がJavaScriptに導入されており、これが実に使い勝手がよく、機能も高いのです。Reactを利用してコンポーネントを作っていくという方法はいくつか考えられますが、今回はその代表的なものを2つご紹介していきます。利用されているReactの手段とはReactを利用するケースとしてよく利用されるのが、関数としてコンポーネントを定義する方法です。引数としてpropsを受け取り、Reactエレメントを返す関数を定義するだけで機能します。これが、非常に単純な作業でReactを利用するという意味では、もっともポピュラーな利用方法でしょう。関数の定義とは別に、Reactの利用法としてよく登場するのがReact.Componentを継承したクラスとして定義していく方法です。renderメソッドによりReactエレメントを返す形となりますが、上述の関数として定義するケースと異なり、stateオブジェクトでその状態を保てたり、コンポーネントが作成や削除された場合に呼ばれるライフサイクルメソッドの定義が可能になったりするのが特徴です。一般的には、関数としてReactを定義したほうがシンプルですが、React.Componentを継承したクラスとして利用したほうが、様々な機能を活用することができます。仮想DOMをつくってみるReactは仮想DOMという仕組みを作ることが可能になります。これはいわゆるDOMの設計図にあたるものです。仮想DOMは、リアルなDOMとは別にJavaScriptのデータとしてDOMと同じツリー構造を保持し、そのツリーの変更前と変更後の差分を計算することによって、実際のDOMの更新が必要となるところだけ再レンダリングを行う、という機能を持っています。これにより、人の記述を介さずに変更箇所を修正できますので、パフォーマンス的にも優れた結果を運に出すことができるようになっているのです。相棒は見つかってる?パフォーマンスを向上させるキーボードを厳選ピックア...フリーランスって賃貸マンションが借りられないの!?フリーランスエンジニアの法人成り。