good luckthankPhoto by Tudor Baciu on Unsplash

Finding it slow with web dev, time to level up…

You being here probably means that not much time since you started developing, so are just going with the vanilla(bland/simple) approach.

Cutting to the chase, we will be discussing on-
1. NodeJS, npm and yarn
2. 3rd party libraries
3. frameworks
4. how to proceed (important)

Photo by Djim Loic on Unsplash
  1. a. NodeJS
    Sometimes you need to create applications (and can be scalable sometime) but then going with the basic vanilla approach is not the right way.
    use this link for more details- what is nodeJS.
    There are things which are already made and everyone needs to use it thus made public and also designed such that people can directly use it without looking what’s inside.
    ‘and this is where npm comes into play’
    b NPM (node package managers)

    What I was talking about was 3rd party libraries and these can be easily used by
    - executing >> npm install library-name.
    - importing it into your project >>
    import {variable} from ‘library-name
    but it has a drawback and we only use it to initialize a project and install another library called YARN (there are other alternatives as well)
    c YARN
    This is same as NPM with additional features
    - keeps a log of all the libraries,
    - deletes the library as well if we remove it, and a few more
  2. 3rd party libraries
    By now you probably must have an idea about libraries and what it accomplishes
  3. Frameworks
    A software framework is an abstraction in which software providing generic functionality can be selectively changed by additional user-written code. JSframework is an application framework written in JS where the programmers can manipulate the functions and use them for their convenience. Frameworks are more adaptable for the designing of websites, and hence, most of the website developers prefer it. JSframeworks are a type of tool that makes working with JavaScript easier and smoother. These frameworks also make it possible for the programmer to code the application as a device responsive. This responsiveness is yet another reason why the JSframeworks are quite popular when it comes to the question of using a high-level machine language.
    here’s a look at the many available
    (I’d prefer to start with React)
  4. How to proceed this is important)
    - Have a basic understanding of node
    - and then jump to using NPM(which you will eventually)
    - now, repeat everything you did with NPM but this time its YARN.
    “This will give you the fundamental idea about node, npm and yarn”
    - use some libraries installed using yarn
    - now you can start will your framework and proceed exactly as it says.
Photo by MF Evelyn on Unsplash

Personal note —

“if you are already here, then it probably means you can start with development, and if it still feels slow, you could look into dynamic thinking, containerization and re-using these containers (can be functions, blocks of dynamic content, etc)
In the beginning, you may feel slow, but later you will have these prebuilt components that you can use directly.”

--

--

--

a MERN, Next and Electron developer

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

React custom hooks to add external JavaScript libraries.

Photo by <a href=”https://unsplash.com/@brookanderson?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Brook Anderson</a> on <a href=”https://unsplash.com/s/photos/hooks-multipurpose?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Unsplash</a>

Passengers rush to Charlotte-Doulas Airport to catch Thanksgiving flights

Axios With React |CRUD Operations

How to Integrate Google Login API Into Your React App

The 3 Main Steps to DOM Manipulation Using JavaScript

Async/Await: The Easy Way to Fetch

Custom key acquisition for encrypted HLS in VideoJS

LeetCode — Combinations

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Ahren Pradhan

Ahren Pradhan

a MERN, Next and Electron developer

More from Medium

Basic of Redux — A beginner Guide

How and why you should store data in Array of Objects in React.js

Integrate dofeedbackin into your web project

Advice for beginning Web Development