今回は TypeScript を使うため、公式チュートリアルにある以下のコマンドではなく、 $ npx create-react-app my-app Create React App 公式 にあるコマンドを使ってプロジェクトを生成します。ついでに、TypeScriptで用いる「型」関連のライブラリをインストールします。

こんにちは、フロントエンドエンジニアのてりーです。 記事を手に取って頂きありがとうございます。 このチュートリアルではNetflixクローンを作る過程で、React・TypeScriptの基礎やAPIを利用したWebサービス開発について学んでいきます。 ※ この記事はZennで ...

こんな方にオススメ モダンなWebフロントエンドに興味のある方 React/Next.jsを初めて使う方、本番に導入したい方 React/Next.jsとTypeScriptを組み合わせた開発スタイルに興味のある方 TypeScriptを中心に据えたWebフロントエンド開発に興味のある方 Atomic DesignやStorybookなど、コンポーネント中心の開発に ...

Helping you to learn code! here you'll find tutorials... 図に示すように、アプリケーションのルートにあるAppコンポーネントでデータを取得したとします。ここで、深くネストされたコンポーネント、たとえばGrandchildコンポーネントがこのデータにアクセスする必要が ...

Vanilla Vue React Preact Lit Svelte Others TypeScript + SWC をバリアントとして選択します。 SWC (Speedy Web Compiler の略) は、Rust で書かれた超高速の TypeScript / JavaScript コンパイラです。 彼らは、「シングル スレッドで Babel より 20 倍、4 コアで 70 ...

フロントエンドの環境構築を行っていきます。 Node.jsのインストールにはmiseを利用します。 以下のコマンドでインストールが完了します。 curl https://mise.run | sh 以下のコマンドを打ってバージョン情報が表示されたらOKです。 mise --version # => 2024.11.4 macos-arm64 ...

翔泳社では、「独習」「徹底入門」「スラスラわかる」「絵で見てわかる」「一年生」などの人気シリーズをはじめ、言語や開発手法、最新技術を解説した書籍を多数手がけています。プロジェクトマネジメントやチームビルティングといった管理職向けの ...