LoginSignup
0
0

More than 1 year has passed since last update.

【環境構築】Reactのプロジェクト作成&起動方法について 〜npm・yarn & JavaScript・TypeScript〜

Last updated at Posted at 2023-04-21

背景

  • フロントエンド開発でモダンなフレームワークとして有名なReactがあります。
  • Reactのプロジェクトを作成&起動する際にはパッケージマネージャーであるnpmyarnを使用することが多くあります。
  • パッケージマネージャーごとに起動コマンドは異なりますが、記事によってはコマンドがごちゃ混ぜで紹介されている記事も散見されました。
  • また、DockerReactの環境構築方法を紹介している記事もたくさんありましたが、DockerfileReactのプロジェクトの起動コマンドが記載されており、初見ではよくわからない記事が多くありました。
  • そこで、Reactプロジェクトの起動&作成はDocekrの内部に入ってから行う方法をベースに、それぞれのパッケージマネージャーごとのReactの起動方法を整理して紹介したいと思います。
  • 記事の文章量が多くなりすぎるので、実際のやり方は別記事を作成していますので、そちらを参照してください。この記事は、Reactの起動方法について整理して理解することを目的に執筆しています。

目標

  • npmyarnReactでのプロジェクトを作成&起動の種類を知る。

Reactのプロジェクトの起動&作成方法について

結局一番使用する方法は何か?

  • Reactのプロジェクトの方法を4つ紹介しましたが、実際に使用するのはTypeScriptでプロジェクトを作成する2つの方法だと思います。
  • TypeScriptJavaScriptの大きな違いは、静的型付けの有無(JavaScriptに静的型付け機能を追加したのがTypeScript)ですが、基本的に型が決まっている方が、スクリプトは安定して挙動しますし、複数人で開発する時にも間違いが少なくなります。
  • 上記のような背景から、基本的に現状新しくフロントの開発を行う際は、TypeScriptを使用するのが無難であるため、TypeScriptを使用する方法しか使わないようにした方が良いと考えています。

参考資料

個人ブログ

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0