DEV Community: Amlan

Basic NPM Packages for Javascript Developers

Amlan — Thu, 09 Dec 2021 20:14:09 +0000

Dotenv: .env is zero dependency module that loads enviorment variables from a .env file into process.env .

ex- const key = process.env.secretkey
this secretkey is declared in our .env file and that file will not be public.

Bcrypt: Bcrypt is a library that help you easily hash password and compare them in node.js

UUID: UUID is a unique random number ids values generator . It generate string random values.

Axios Axios is a popular promise based HTTP client for the browser and node.js .

Socket.io : Socket.io enables real time bi-directional communication between web clients and servers.

Passing Array elements through Props in React

Amlan — Thu, 09 Dec 2021 19:43:14 +0000

I want to pass elements of arrayList to the User Component, through Props, and render them in a list.

The array must preset in the parent Component (let say app.js)

In App.js →
<User userList={arrayList}/>

Now We need to pass the Props through the User functional Component.

If you console.log(props) in the User.js You can see all elements of App.js And We want only arrayList of App.js,We declared the arrayList as UserList var . So If I console.log the Props.userList.I can see the arrayList elements.

Now time to render the arrayList. For this we will use Map function(know more about Map function in javascript)