Skip to content

Example project of how to get Immutable Checkout working in React

Notifications You must be signed in to change notification settings

immutable/imx-checkout-example-react

Repository files navigation

Immutbale Checkout Example React (Vite)

This example shows how to get started with using Immutable Checkout in your web project.

Documentation for Immutable Checkout

Get Started

Install the latest version of the @imtbl/sdk. npm install @imtbl/sdk npm i npm run dev

Gotchas

Make sure you have added the following to your vite.config.ts file

define: {
    'process.env': {},
    'process.version': '""',
    'global': {}
  },

React + TypeScript + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

Expanding the ESLint configuration

If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:

  • Configure the top-level parserOptions property like this:
export default {
  // other rules...
  parserOptions: {
    ecmaVersion: 'latest',
    sourceType: 'module',
    project: ['./tsconfig.json', './tsconfig.node.json'],
    tsconfigRootDir: __dirname,
  },
}
  • Replace plugin:@typescript-eslint/recommended to plugin:@typescript-eslint/recommended-type-checked or plugin:@typescript-eslint/strict-type-checked
  • Optionally add plugin:@typescript-eslint/stylistic-type-checked
  • Install eslint-plugin-react and add plugin:react/recommended & plugin:react/jsx-runtime to the extends list

About

Example project of how to get Immutable Checkout working in React

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published