React Strategy Pattern (Solution)

This sandbox has been generated!

huy-ta

238.9k

Edit Sandbox

.codesandbox

public

src

components

hooks

services

types

App.tsx

index.tsx

styles.css

.prettierrc

package.json

tsconfig.json

react17.0.2

react-dom17.0.2

react-scripts4.0.0

Open Sandbox

App.tsx

,\r\n VND = 'VND',\r\n YEN = '¥',\r\n SUSD = 'S

\r\n}\r\n","id":"mod_LBeT9AcgiDjVNGNiFcdjeM","is_binary":false,"title":"index.ts","sha":null,"inserted_at":"2022-11-17T08:20:30","updated_at":"2022-11-17T09:35:57","upload_id":null,"shortid":"9O47B","source_id":"src_L7pG9whZGX1CC2xut9j5NU","directory_shortid":"rvKvp"},{"code":"","id":"mod_7UBAzwjMK7vrMzghdjnnzB","is_binary":false,"title":"usePriceStrategy.ts","sha":null,"inserted_at":"2022-11-18T03:30:54","updated_at":"2022-11-18T03:30:54","upload_id":null,"shortid":"vZ4X0","source_id":"src_L7pG9whZGX1CC2xut9j5NU","directory_shortid":"gVOKj"}],"v2":false,"team":{"id":"ws_GwPVvNefLp5PyM3yd6NgM8","name":"huy-ta","settings":{"ai_consent":{"public_sandboxes":false,"private_sandboxes":false}},"subscription_type":null,"avatar_url":"https:\u002F\u002Favatars1.githubusercontent.com\u002Fu\u002F24670327?v=4"},"inserted_at":"2022-11-17T08:20:30","privacy":0,"version":76,"source_id":"src_L7pG9whZGX1CC2xut9j5NU","npm_registries":[],"always_on":false,"title":"React Strategy Pattern (Solution)","restrictions":{"free_plan_editing_restricted":false,"live_sessions_restricted":true},"original_git":null,"fork_count":50,"feature_flags":{"comments":false,"container_lsp":false},"base_git":null,"template":"create-react-app","pr_number":null,"updated_at":"2024-06-01T06:57:12","git":null,"alias":"react-strategy-pattern-solution-mm0cvm","original_git_commit_sha":null,"screenshot_url":"https:\u002F\u002Fscreenshots.codesandbox.io\u002Fmm0cvm\u002F76.png","author":{"id":"user_J1XFm8RZdDzAqAqFqYVeHV","name":"Will T.","username":"will-t","avatar_url":"https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F24670327?v=4","personal_workspace_id":"ws_GwPVvNefLp5PyM3yd6NgM8","subscription_plan":null,"subscription_since":null},"free_plan_editing_restricted":false,"owned":false,"authorization":"read","draft":false,"preview_secret":null,"user_liked":false,"forked_template_sandbox":{"alias":"react-ts-react-ts","id":"react-ts","title":"React (TS)","template":"create-react-app","inserted_at":"2018-12-18T10:31:20","updated_at":"2024-08-19T10:30:06","git":null,"privacy":0,"custom_template":{"id":"sbtempl_ML2Hjiin6f2GyPJ1P2Unqg","title":"React (TS)","color":"#61DAFB","v2":false,"url":null,"published":false,"icon_url":null,"official":false}},"directories":[{"id":"dir_VzmTdccUpDuLdzonUN6qCz","title":"priceStrategies","inserted_at":"2022-11-17T08:28:29","updated_at":"2022-11-17T08:28:29","shortid":"x81Xz","source_id":"src_L7pG9whZGX1CC2xut9j5NU","directory_shortid":"9jJMY"},{"id":"dir_7djX8H13yFv9QytFRi5wdE","title":"services","inserted_at":"2022-11-17T08:20:52","updated_at":"2022-11-17T08:20:52","shortid":"9jJMY","source_id":"src_L7pG9whZGX1CC2xut9j5NU","directory_shortid":"GXOoy"},{"id":"dir_VXyixWzAC2fuN6FmVfgLb4","title":"public","inserted_at":"2022-11-17T08:20:30","updated_at":"2018-12-18T10:31:20","shortid":"rgkK4","source_id":"src_L7pG9whZGX1CC2xut9j5NU","directory_shortid":null},{"id":"dir_PmxajPsMowGnoB1hjZtEk6","title":"src","inserted_at":"2022-11-17T08:20:30","updated_at":"2018-12-18T10:31:20","shortid":"GXOoy","source_id":"src_L7pG9whZGX1CC2xut9j5NU","directory_shortid":null},{"id":"dir_GHhUtcWJetNkhPgkuSWK3g","title":".codesandbox","inserted_at":"2022-11-17T08:20:30","updated_at":"2020-11-11T14:56:45","shortid":"HyBho_YKP","source_id":"src_L7pG9whZGX1CC2xut9j5NU","directory_shortid":null},{"id":"dir_6weJqwRxaUe3mafsFtpoUA","title":"components","inserted_at":"2022-11-17T08:20:30","updated_at":"2022-11-10T14:19:41","shortid":"lVp41","source_id":"src_L7pG9whZGX1CC2xut9j5NU","directory_shortid":"GXOoy"},{"id":"dir_2idWHfbk8G6UFELVkYmvwH","title":"types","inserted_at":"2022-11-17T08:20:30","updated_at":"2022-11-10T14:50:01","shortid":"rvKvp","source_id":"src_L7pG9whZGX1CC2xut9j5NU","directory_shortid":"GXOoy"},{"id":"dir_7jSbDWx6wHCgiLU5w9rWH2","title":"hooks","inserted_at":"2022-11-18T03:30:44","updated_at":"2022-11-18T03:30:44","shortid":"gVOKj","source_id":"src_L7pG9whZGX1CC2xut9j5NU","directory_shortid":"GXOoy"}],"forked_template":{"id":"sbtempl_ML2Hjiin6f2GyPJ1P2Unqg","title":"React (TS)","color":"#61DAFB","v2":false,"url":null,"published":false,"icon_url":null,"official":false},"permissions":{"prevent_sandbox_export":false,"prevent_sandbox_leaving":false},"id":"mm0cvm","room_id":null,"entry":"src\u002Findex.js","is_sse":false,"is_frozen":false,"tags":[],"picks":[],"forked_from_sandbox":{"alias":"react-strategy-pattern-problem-h59r02","id":"h59r02","title":"React Strategy Pattern (Problem)","template":"create-react-app","inserted_at":"2022-11-10T14:19:25","updated_at":"2024-06-01T01:22:29","git":null,"privacy":0,"custom_template":null},"npm_dependencies":{"react":"16.0.0","react-dom":"16.0.0"},"view_count":238943};