BootStrap Your Application.
- Creating an App – How to create a new app.
Whether you’re developing a simple web application or constructing a modern application, JavaScript framework or library will help you achieve your goals. This article will focus on a custom web application development tool JS Initializr which helps you to create a project with a variety of related libraries and frameworks to achieve this goal.
Many a time configuring frameworks is a way too tedious job and even after downloading the frameworks we come across many dependencies that might not be required for our development, these dependencies increase the overall bundle size leading to increase in initial load time. The aim of this JS Initializr project is to provide a simple user interface where you can select technology, dependencies, and generate your project to start with.
There are several options for initializing a web application. While I could walk you through the steps of creating a project directory structure and defining a build specification, that’s wasted time better spent actually writing application code. Therefore, we’re going to lean on the JS Initializr to bootstrap our application.
The JS Initializr is a browser-based web application that can produce a skeleton of JavaScript project structure that you can flesh out with whatever functionality you want.
You don’t need to install or configure tools like Webpack or Babel.
They are preconfigured so that you can focus on the code.
Just select the technology, choose dependencies and download a project, and you’re good to go.
You’ll need to have Node 8.16.0 or Node 10.16.0 or later version on your local development machine (but it’s not required on the server). You can use nvm (macOS/Linux) or nvm-windows to easily switch Node versions between different projects.
To create a new app, you may choose one of the following methods:
npm installyarn installInside the newly created project, you can run some built-in commands:
Runs the app in development mode.
Open http://localhost:3000 to view it in the browser.
The page will automatically reload if you make changes to the code.
You will see the build errors and lint warnings in the console.
We'd love to have your helping hand on JS Initailzr! See CONTRIBUTING.md for more information on what we're looking for and how to get started.
It is still in development and hosted on Heroku https://start-jsproject.herokuapp.com/
JS Initialzr is open source software [licensed as MIT].