custom-JSX-example

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

1. git clone this repo
2. Make sure the folder is accessible through a web server.
   Lets assume this repo is available at http://localhost:8080
3. 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

This site is open source. Improve this page.