Node and npm introduction

 This writing provides an overview of Node and npm introduction, concept etc. Some of contents are referred from Node.js books, official webpage for node and npm. To develop the mobile application with ReactNative, this node and npm are the must-to-know things.



1. What is Node?

  • There are many opinions about what a node is, but no explanation is more accurate than the one on the official Node website. (https://nodejs.org/en) Node.js is JavaScript runtime environment that lets developers create servers, web apps, command line tools and scripts.
  • Node is used when executing various JavaScript application but it is used mostly for server application.
  • In addition to server, Node is used Web with Angular, React, Vue, and also for the mobile application with ReactNative that I'm using.


2. What is "Runtime environment"?

  • Runtime, specifically, refers to the period or time during which a program is running. The runtime environment is the environment in which a program is running, and provides functions (functions, platform, etc.) for the program to run. Runtime is often interpreted as the runtime environment.
  • So the Node, JavaScript runtime environment, can execute the JavaScript program in your computer.
  • There are also other JavaScript runtime, such as Bun (https://bun.sh/) or deno (https://deno.com/), but the Node is the mostly used one.


3. What is npm?

  • npm is Node Package Manager.
  • There are countless JavaScript programmers in the world. They have written a lot of code in advance while walking the same path as you. In addition, they have made that code public so that others can see it. The server where such codes are shared public is npm. (https://www.npmjs.com/)
  • Node modules uploaded to npm are called packages. Just as modules can use other modules, packages can also use other packages. This relationship is called a dependency.


4. yarn and pnpm

  • There are yarn (https://yarnpkg.com/) and pnpm (https://pnpm.io/) as alternatives to npm. Yarn is a package manager released by Facebook, and you often see it when using frameworks from the Facebook camp, such as React or React Native. Pnpm is a package manager that improves the performance of npm.
  • It has some features that improve convenience and performance compared to npm, but it must be installed separately. If the npm server is too slow, you can also consider switching to yarn or pnpm.
 



Next step

  • The next one is about package.json. It will explain how the packages are managed.

Comments

Post a Comment

Mostly viewed post

Web-app dev4, Google AdMob (Banner and Interstitial ads)

Image
This writing is about how to apply Google AdMob into mobile application.  I included Banner and Interstitial ads in my React Native Web-view application. *  This is continued writing from previous one.  1. Register your application in AdMob First you should have AdMob account. Create one in:  https://admob.google.com/home/ Set up new app in your AdMob account. AdMob account need some verification from Google and this will be done normally within few days. 2. React Native Banner ads For official document refer to:  https://github.com/invertase/react-native-google-mobile-ads First run the command: npm i react-native-google-mobile-ads Check your app ID in AdMob. Go to your app - app setting, then you can see app ID as below. Put your app ID in app.json as below. The app ID should be out of "expo": {}. , "react-native-google-mobile-ads" : { "android_app_id" : "ca-app-pub-111111111~1111111111111" } In App.js, import components to...
Read more »

About this blog

Hello, This blog is mainly about mobile application development, React Native, JavaScript, TypeScript, how to submit the app to play store or app store etc. My major was not in IT field,  I don't have any basic knowledge of coding so this blog will cover from very basic knowledge of web development to mobile application development currently I'm doing with React Native. Hope some information in this blog to be helpful for your understanding. FYI.. I`m just studying and developing the mobile application as a hobby, not an expert level. Majored and working in mechanical engineering industry, but not in IT field, or computer engineering etc, so I`m very beginner at this coding, programming etc. Some post and writing may be inaccurate, although I thoroughly searched and studied in Codecademy, major Youtuber etc. Please be my guest, kindly leave some comments if something is wrong.
Read more »