Webデザイン参考記事まとめ アプデ(UPDE) - Webデザイナー/クリエイター向けの最新情報まとめアンテナ。

2017年11月28日(火)

React初心者が環境構築でつまづかないためのCreate React Appの始め方

初めてReactに挑戦するとまずつまずくのは開発環境の設定です。Facrbookが提供しているCLIツール「Create React App」で簡単に始める方法を解説します。

Reactの新規プロジェクトを始めるには、コードを書いてアプリケーションを形にするだけではなく、ビルドツールでローカル開発環境を整え、ユニットテストをしたあと、最終的にビルドします。思っているほど簡単ではないと感じる方に、簡単なセットアップと最低限の努力で始められる方法を紹介します。

Facebookが提供しているCLIツールCreate React Appを使えば、新規のReactプロジェクトを設定済みの開発者向けwebpackを使って始められます。webpackの設定画面を二度と見なくて済むのです。

Create React Appの使い方

Create React Appはnpmを通してグローバル環境でインストールするスタンドアロンツールで、新規プロジェクトを作るたびに呼び出します。

npm install -g create-react-app 新規プロジェクト作成のために実行create-react-app react-app

Create React Appは次のプロジェクトの構造でセットアップされます。

. ├── .git...

author:

WPJ

https://www.webprofessional.jp/

デザイナー、エンジニア、マーケターの「掛け算」のスキルアップを応援するパスファインディング・メディア。提携するSitePoint.com発の海外先端技術記事や、独自のインタビュー記事などを毎日掲載します。 KADOKAWAが運営。

今日のwebデザイン記事ランキングを見る

Ads

デザイナー、エンジニア、マーケターの「掛け算」のスキルアップを応援するパスファインディング・メディア。提携するSitePoint.com発の海外先端技術記事や、独自のインタビュー記事などを毎日掲載します。 KADOKAWAが運営。WPJの記事『React初心者が環境構築でつまづかないためのCreate React Appの始め方』についてまとめています。

この記事は特にjavascript・SVG・フォント・facebook・サーバ・アプリについて書かれており、 Webサービスのカテゴリーに分類されます。気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のWPJで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとWPJの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。

Ads

最近の人気記事

人気のタグ

アプデ情報