Scribd
Upload
20 views

Lab Assignment

This document contains an assignment submitted by Jalaj Jaswal with their enrollment number. It includes questions and answers related to React concepts like useState hook, props, and Node.js concepts like creating a basic server and exporting modules. The assignment covers counter examples using the useState hook, definitions of props, examples of creating a server using Node and routing requests, and examples of creating and exporting Node modules.

Uploaded by

rajiv.mishra
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
20 views

Lab Assignment

This document contains an assignment submitted by Jalaj Jaswal with their enrollment number. It includes questions and answers related to React concepts like useState hook, props, and Node.js concepts like creating a basic server and exporting modules. The assignment covers counter examples using the useState hook, definitions of props, examples of creating a server using Node and routing requests, and examples of creating and exporting Node modules.

Uploaded by

rajiv.mishra
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 4

ASSIGNMENT

SUBMITTED BY: JALAJ JASWAL


E.NO: 9921102029
BATCH: E1

QUESTION-1:
import { useState } from 'react';

export default function Counter() {


const [counter, setCounter] = useState(5);

return (
<>
<span>{counter}</span>
<button onClick={() => {
setCounter(counter + 5);
setCounter(counter + 5);
alert(counter);
setCounter(counter + 5);
setCounter(counter + 5);
}}>Increment</button>
</>
)
}

OUTPUT OF THIS CODE WOULD BE ALERT WITH 5,10.

QUESTION: 2
import { useState } from 'react';

export default function Counter() {


const [counter, setCounter] = useState(5);

return (
<>
<span>{counter}</span>
<button onClick={() => {
setCounter(counter => counter + 5);
setCounter(counter => counter + 5);
alert(counter);
setCounter(counter => counter + 5);
setCounter(counter => counter + 5);
}}>Increment</button>
</>
)
}

OUTPUT OF THIS CODE WOULD BE ALERT WITH 5,25.


QUESTION: What are props in react?
Props are input to a react component. They are single values or objects containing a set of
values that are passed to react component on creation using a naming convention similar to
HTML-tag attributes. i.e, they are data passed down from a parent component to a child
component.
The primarily purpose of props in react is to provide following component functionality:
1. Pass custom data to your react component.
2. Trigger state changes.
3. Use via this.props.reactProp inside component’s render() method.

QUESTION: 1 : CREATING YOUR OWN SERVER USING NODEJS


Index.js file
const http = require('http')

const server = http.createServer((req, res) => {


res.end('request granted');
})

server.listen(80, '127.0.0.1', () => {


console.log('Listening on port 80');
})

Router.js file
const http = require('http');

const server = http.createServer((req, res) => {

if (req.url == '/') {
res.end('This is HomePage');
}
else if (req.url == '/about') {
res.end('This is About Page');
}

else if (req.url == '/contact') {


res.end('This is Contact page');
}

else {
res.writeHead(404, { 'content-type': 'text/html' });

res.end('404 Page Not Found');


}

});

server.listen(80, '127.0.0.1', () => {


console.log('Listening on port 80');
});

QUESTION: 2 : CREATING AND EXPORTING THE MODULES


Index.js file
const {add, sub, mul} = require('./operation')

console.log(add(5,5))
console.log(sub(5,5))
console.log(mul(5,5))

operation.js file
const add = (a, b)=>{
return a + b;
}

const sub = (a, b)=>{


return a - b;
}

const mul = (a, b)=>{


return a * b;
}

module.exports = {
add,
sub,
mul
}

QUESTION: 1: WHAT IS NODEJS?


Node.js is a very popular scripting language that is primarily used for server-side
scripting requirements. It has numerous benefits compared to other server-side
programming languages out there, the most noteworthy one being the non-blocking
I/O.

WORKING OF NODEJS:

Node.js is an entity that runs in a virtual environment, using JavaScript as the primary
scripting language. It uses a simple V8 environment to run on, which helps in the
provision of features like the non-blocking I/O and a single-threaded event loop.

You might also like