setup reactjs project code example
Example 1: install react js
npx create-react-app <appname> // eg: npx create-react-app blog
cd <appname> // cd blog
npm start //runs on localhost:3000
Example 2: create a new project with create-react-app
npx create-react-app project-name
Example 3: install react app using npm
npx create-react-app umusic
Example 4: setup the react on local machine
const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
module.exports = {
entry: './main.js',
output: {
path: path.join(__dirname, '/bundle'),
filename: 'index_bundle.js'
},
devServer: {
inline: true,
port: 8001
},
module: {
rules: [
{
test: /\.jsx?$/,
exclude: /node_modules/,
loader: 'babel-loader',
query: {
presets: ['es2015', 'react']
}
}
]
},
plugins:[
new HtmlWebpackPlugin({
template: './index.html'
})
]
}