@react-dang/app v1.3.9-alpha

@react-dang/app

Basic React-Dang-Application.

Index of Contents

• Description
• Installation
  • react-dang
• JetBrains OSS Licence

Description

The ReactDang Application is a npmjs package that will initialize a Basic React Web Application having two default pages to start working with.
The Home Page and the Contacts page.

It uses:

• Babel under the hood to compile the React Application.
• eslint for linting.

• It spins up webpack with two default configurations:

  • Development -> It builds the javascript specifically for webpack devServer.
  • Production -> It builds the app with some performance improvements.

Available Components:

• Header -> Handles the header shared between the web application pages.
• Links -> Handles the available links of the web application. It is imported in the Header.
• Index -> Handles the Home Page.
• NotFound -> Handles 404
• Contacts -> Handles the Contacts Page.
• ContactForm -> Basic contact form. It is imported in the Contacts.
  • ℹ When using the serve library, one route, called message, handles the fetch request from the ContactForm.
• Footer -> Handles the footer shared between the web application pages.

Installation

mkdir my-project
cd my-project

npm install @react-dang/app

cp -rf ./node_modules/@react-dang/app/* ./ 
# copy the content of the package, (node_modules directory) into your project root directory

ℹ Keeping the module, in the node_modules directory, could be practical in case is needed a restore.

remove it with rm -rf ./node_modules/@react-dang

npm install # install the required devDependencies and dependencies

npm run build-dev # this will watch for file changes and it will compile once saved.

# ℹ open another terminal

npm run webpack-serve-dev

# ℹ open your browser to http://localhost:3000 

to use another port, set it in the webpack.dev.config.js, property devServer

Automated

It's possible to automate the installation using react-dang

mkdir my-project
cd my-project

npx react-dang install --name='my-react-app' --directory='my-react-app'

ℹ react-dang deletes the module @react-dang/app completely from the node_modules directory.

cd my-react-app
npm run build-dev # this will watch for file changes and it will compile once saved.

# ℹ open another terminal

npm run webpack-serve-dev
# ℹ open the browser at http://localhost:3000

ℹ The simplest usage

npx react-dang install

It will give the project a and make the directory that will be the root of the project.

ℹ @react-dang/app now use Koorie as experimental server.

---

JetBrains OSS License

I want to thank JetBrains to grant me the Open Source Software license for all their products. This opportunity gives me strength to keep on going with my studies and personal project.
To learn more about this opportunity have a look at Licenses for Open Source Development - Community Support.

Thank you