remix クイックスタート

remix基礎編

• Reactをベースとしたフルスタックフレームワーク
• Web標準に忠実、MDNと友達
• 単方向データフロー（View,Action,State）を、クライアントの世界で閉じず、BE領域をもそのデータフローに組み込む
  • クライアント側での２重管理が不要へ
• https://zenn.dev/mackay/articles/123c29f46d213c

クイックスタート編

https://github.com/kamabokochan/remix-quickstart/commit/7e761865c5ec31a8df57535067660b32c2532151

isbotのerror

• https://github.com/remix-run/remix/discussions/8411
• isbotのversionを変更することで解決する
• npm install isbot@3.8.0

import isbot from "isbot";
       ^^^^^
SyntaxError: The requested module 'isbot' does not provide an export named 'default'

出力結果

• 無事Hello worldが表示された

remix-serveからExpressへ

https://github.com/kamabokochan/remix-quickstart/commit/de943391cbaa4393b7c49f8b6c1347faf73ef80e

出力結果

開発モード

https://github.com/kamabokochan/remix-quickstart/commit/7e761865c5ec31a8df57535067660b32c2532151

コードに変更を加えた際に、サーバの停止、起動をせずにブラウザの描画を変更する

-cフラグは、アプリケーション サーバーを起動する方法の指定