🕌

C#/ASP.NETでTodoリスト ~環境構築編~

2023/01/11に公開約900字

概要

タイトルにある技術でTodoリストを実装していきます。タイトルにはないけどReact+TypeScriptの組み合わせでフロントエンドも構築していきます。
今回は環境構築編で半分くらいは備忘録です。

本編

フロントエンドの環境構築

フロントエンドは概要に書いた通りReact+TypeScriptの環境を構築した。以下のコマンドで構築できるので楽だなあと。昔のWebPack職人が四苦八苦してる時代はプログラミングなんて全くしてはいないのですが。

npx create-react-app --template typescript myapp

そしてここにJotairedix uiを以下のコマンドで追加していきます。

radix ui

npm install @radix-ui/react-primitive

jotai

npm install jotai

バックエンドの環境構築

dotnet new webapi -o TodoApi

とりあえず立ち上げてみる

それぞれのディレクトリに行って以下のコマンドで立ち上げてみる

npm start
dotent run

立ち上がったのでとりあえずヨシ!!

感想

感想を書くに、この余白は狭すぎる。(だっけ?あ、特にないだけです)

参考文献

https://future-architect.github.io/typescript-guide/react.html
https://www.npmjs.com/package/@radix-ui/react-primitive?activeTab=readme
https://zenn.dev/tell_y/articles/7a5bd147d34ec2
https://learn.microsoft.com/ja-jp/aspnet/core/tutorials/first-web-api?view=aspnetcore-7.0&tabs=visual-studio-code

Discussion

ログインするとコメントできます