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'
      })
   ]
}

Tags:

Misc Example