Enrollment No: 202103103510515

Practical-3
Aim: Implement “Hello World” program in Node.js..

App.js

Console.log(“HELLO WORLD”)

CGPIT/6IT-B/Full Stack Development 1

Enrollment No: 202103103510495

(B.) display id and name from a list of persons

App.js

import React from 'react'; import PersonList

from './components/person';

const App = () => {

const persons = [
{ id: 1, name: 'Dev Nayee' },
{ id: 2, name: 'Arjun Reddy' },
{ id: 3, name: 'Virat Kohli' },
];

return (
<div>
<h1>Student list</h1>
<PersonList persons={persons} />
</div>
);
};

export default App;

person.js

import React from 'react';

const PersonList = ({ persons }) => {

return (
<div>
<h2>Person List</h2>
<ul>
{persons.map(person => (
<li key={person.id}>
ID: {person.id}, Name: {person.name}
</li>
4
 ))}
</ul>

CGPIT/6IT-B/Full Stack Development

Enrollment No: 202103103510495

</div>
);
};

export default PersonList;

Output:

CGPIT/6IT-B/Full Stack Development 5