WEB SYSTEMS UNIT 3-4

Components

reusable UI elements

Pages

complete views or screens

Layouts

structures shared by multiple pages

Routes

defines how users navigate between pages

React

a JavaScript library for building user interfaces, particularly for web applications.

npx create-react-app my-app

Command to create new react application

cd my-app

command to navigate to project directory

npm start

command to start development server

npm install

Command to install project dependencies.

npm run build

command that creates production build

src/

contains the main source code of the application

public/

contains static files; publicly available

app.js

contains main application component

index.js

entry point that renders the react application

package.json

contains project info, dependencies and scripts

JSX

syntax that allows developers to write HTML-like elements inside Javascript.

commonly used when defining structure of react components

React Router DOM

a library used to implement navigation and routing

npm install react-router-dom

command to install react router DOM

Route

defines URL path and its corresponding component

Link

react router component used for navigation

npm

Package manager for JavaScript libraries.