Custom JSX Example

Example of using JSX without using framework like React.

There are 3 different ways:

• ./react-jsx--bare--node-modules/
  using bare path to access custom-jsx through node_modules folder
• ./react-jsx--bare--internal/
  using bare path to access custom-jsx internally
• ./react-jsx--relative/
  using relative path to access custom-jsx
  Note: This works in browser but shows errors when using tsc

Prerequisities

1. Node and NPM

Usage

0. git clone this repo
1. Make sure the folder is accessible through a web server.
   Lets assume this repo is available at http://localhost:8080
2. In the browser, go to:
   • http://localhost:8080/react-jsx--bare--node-modules/
   • http://localhost:8080/react-jsx--bare--internal/
   • http://localhost:8080/react-jsx--relative/

To make modifications, go to the root folder and:

1. Install dependencies

   npm ci
   

2. Make modifications
3. Run TypeScript Compiler after making modifications:

   npx tsc
   

4. Refresh the browser