React bare bones setup
Dated:
This article has been posted under the following categories: blog, tech-demo, react, webpack, bare-bones and from-scratch
When you start with React, it is common that you just start a project with the CRA tool. While this quickly makes a project, it also does lots of magic in the background to make it work. For learning purposes, it can be better to write your own configuration to build a react application.
Very simple setup
It is possible to use the ReactJS framework without using any transpilers. For this, make a new directory for our project and make a index.html
file containing the following content:
<!DOCTYPE html>
<html>
<head>
<title>My React app</title>
</head>
<body>
<script src="react.development.js"></script>
<script type="module" src="/main.js"></script>
</body>
</html>