create-react-appでReactの雛形を作成する

Published: 2017年1月22日 by tomsato

概要

Reactのサンプルを動かして初めてのReactとして理解を深めていく

generatorは色々ありそうだが今回はcreate-react-appを使って見る

環境準備

検証環境について

$ cat /etc/redhat-release
CentOS release 6.8 (Final)

npmを使うためnodejsを入れる

$ curl --silent --location https://rpm.nodesource.com/setup_6.x | sudo bash -
// LTS(Long-term Support)であるnodejs6系を使うこととする
$ sudo yum install -y --enablerepo=epel nodejs
$ node -v
v6.9.4

作成

create-react-appコマンドでアプリケーションの雛形を作成する

$ sudo npm install -g create-react-app
$ create-react-app react-sample
$ cd react-sample
$ npm start

この状態でhttp://(サーバー名) :3000/にアクセスすると以下の画面が表示される
react01

Share

最近の投稿

NetlifyのSplit TestingとFunctionsについて使い方をまとめる Split TestingはGitHubのブランチをベースにしたA/Bテストを行うための機能のことで、FunctionsはNetlifyでAWS Lambdaを使うことができる

NetlifyとはHTMLなどの静的コンテンツのみで構成されたWebサイトを閲覧できる形で配信するWebサービス GitHubやBitbucket、GitLabなどと連携して使うことができて、リポジトリにプッシュすることで自動でCI/CDを行うことができる、無料枠が豊富で独自ドメインを設定可能

WordPressからJekyll(GitHub Pages)に移行した手順をまとめる。 お金的な事情や使いやすさなどの理由で無料のJekyll+GitHub Pagesに移行した。JekyllとはMarkdown等から静的ページを生成する静的サイトジェネレータ

Scala開発のためにScalaらしさをまとめる 言語設計者の設計思想を元にScalaらしさについてまとめる オブジェクト指向と関数型の融合について

StorybookとはUI開発環境を提供するツール React、React Native、Angular、Vueなどをサポートしている ユーザーは独立した開発環境でコンポーネントを個別に作成して挙動の確認をテストできたり、コンポーネントを一覧にしてカタログ化できるので他の人に紹介する時に使えたりする

カテゴリ一覧

タグ一覧