Add ES5 example to Tutorial #73
Description
This issue was originally reported by @quadruplejump via react/react/issues/10147
Text of original issue:
The tutorials, with the exception of the "advanced guides", assume ES6/JSX.
The React without ES6 tutorial https://facebook.github.io/react/docs/react-without-es6.html still uses JSX.
The React without JSX tutorial https://facebook.github.io/react/docs/react-without-jsx.html still uses ES6.
What would a simple ES5 React demo look like?
To compare, the Vue introduction https://vuejs.org/v2/guide/ starts with very simple examples that you can just drop in a webpage.
Note from Dan
We can probably add an intro paragraph to both of these pages that links to HTML page with minimal example.
Note from Brian
Pending the outcome of #122, it might be nice to host the new minimal example in the repo and display it in CodeSandbox/Codepen.
Activity
M-ZubairAhmed commentedon Oct 27, 2017
Hi,
i have made this simple gist & pen to demonstrate simple react without jsx or es6 by following similar approach of 'getting started with Vue.js" guide.
Is this something you are looking for?
quadruplejump commentedon Oct 27, 2017
@M-ZubairAhmed that would've been helpful months ago :D Do you need the code in the JS panel of the pen? render is being called twice with no obvious reason why
M-ZubairAhmed commentedon Oct 27, 2017
yes you are right I don't need one more render method. So does this solve the issue ? or should I include anything more.
isaacsolo commentedon Feb 3, 2018
Is there anything else that needs to be done here? I'd be happy to finish it.
brettdewoody commentedon Dec 30, 2019
@bvaughn Is this issue still in need of being completed? While I think some would find a non-ES6/JSX demo useful, it's now 2 years on since this issue was raised and ES6 is much more standard.
davidbarratt commentedon Jan 23, 2020
It would be really helpful to see an ES5 example that uses functional components.
Translate Error Boundaries (reactjs#73)
Use 16.8.1 (reactjs#1638) (reactjs#73)
MiryamMann commentedon Jan 5, 2025
Hi, I'd like to contribute to this issue. Are there any remaining items that I can work on?
rickhanlonii commentedon Sep 2, 2025
Closing as outdated and it's 2025 so not sure and es5 example is useful.