react_without_jsx.mov

Yes, it is possible to write a React app without using JSX. React can be used with plain JavaScript, and JSX is not a requirement for React development.

When not using JSX, you can create React elements using the React.createElement() function. For example, instead of writing JSX like this:

<div>Hello {this.props.toWhat}</div>

You can use plain JavaScript:

React.createElement('div', null, `Hello ${this.props.toWhat}`)

While it's possible to write React apps without JSX, it's important to note that JSX is generally preferred for several reasons:

1. Readability: JSX provides a more HTML-like syntax, which is often easier to read and understand.
2. Developer experience: Many React developers find JSX more intuitive for describing UI components.
3. Widespread use: Most React projects and examples use JSX, making it the standard approach in the React ecosystem.

In situations where you can't or don't want to use a pre-processing bundler like Webpack, Parcel, or Rollup you could use React like this.

At the end of the day it is just syntactic sugar that is transpiled at build time so that you do not have to write these verbose calls.

Links

https://legacy.reactjs.org/docs/react-without-jsx.html

https://dev.to/dperrymorrow/using-react-without-jsx-no-build-14gg