reactでカート機能を作ってみました〜ワインデータを例に〜

2

2022年10月13日 2:59

こんにちわ。nap5です。

reactでカート機能(決済ページは除く)を作ってみましたので、紹介したいと思います。

決済ページの部分はstripe checkoutやamazon pay、Google payなどに互換できるようにして、あらかじめイベントが発火するDOM定義だけしておけば、イベントハンドラのロジック部分は置換するだけになるので、デザインの自由度を残しつつ、工数は抑えることができます。

https://stripe.com/jp/payments/checkout

https://pay.amazon.co.jp/

https://pay.google.com/intl/ja_jp/about/

Stripeなどは専用のreact hookを用意しているので、それを使っていくのが、安牌な気がします。
https://useshoppingcart.com/

デモサイトです。

https://react-tailwind-sticky-sub-header-nextjs.onrender.com/cart

簡単ですが、以上です。

# React.js
2

診断を受けるとあなたの現在の業務委託単価を算出します。今後副業やフリーランスで単価を交渉する際の参考になります。また次の単価レンジに到達するためのヒントも確認できます。

目次を見る