🚀

Hello, Qwik City!

2023/12/22に公開

おはようございます。こんにちは。こんばんは。
スペースマーケットでWebエンジニアをしています、s0arです。

メリークリスマス

なぜQwik City?

そこにQwik Cityがあったから
https://qwik.builder.io/docs/qwikcity/

ってのは冗談で、最近全くフロントエンドに触れていなかったので、なにか知らないものに触ってみたいな〜と思ったからです。

実際のコード

https://github.com/s-0-a-r/zengin-trial
銀行を検索するやーつを作りました。

触ってみて

以下小学生並みの感想

  • プロジェクト作成で詰まるとかは特になし
  • ルーティングはsrc/routesにindexファイル突っ込めばいいので楽
  • src/componentsディレクトリをきちんと使わないとsrc/routesが爆発しそう
    • componentsディレクトリ配下の構成をどうするかは考えどころ
  • JSX(TSX)なので、Reactに慣れてればあんまり抵抗ない
    • ただ、細かいところはやっぱりReactと違うので、覚えることはある
    • useナントカも結構違う
    • イベントハンドラーの記述はちょっとクセがあるなと思った

https://github.com/s-0-a-r/zengin-trial/blob/cf4b80ec33e846db9be1be6ef32bd4c78a4c8a2d/src/routes/zengin/index.tsx#L27-L29
https://github.com/s-0-a-r/zengin-trial/blob/cf4b80ec33e846db9be1be6ef32bd4c78a4c8a2d/src/routes/zengin/index.tsx#L63

  • 個人的にはReact(Next)が好き
    • シンプルにQwikに慣れてないからっていうのはある
    • 使っていけば好きになるのかも
      • Reactも最初はわけわかめやったし

今回はちょっとお試しで触ってみただけだったので、次はもう少し大きいものを作ってみて、Qwikの深淵を覗いてみようと思います。

GitHubで編集を提案
スペースマーケット Engineer Blog

Discussion