CS 320 WEB TECHNOLOGIES & FRAMEWORKS

React is a JavaScript library for building user interfaces, primarily created by Facebook.

React focuses on creating reusable components to streamline development.

React allows developers to create independent components that manage their own state, making it easier to build complex UIs.

React uses a virtual DOM to update only the parts of the UI that change, leading to faster rendering.

JSX is a syntax in React that lets developers write HTML-like code within JavaScript.

Three.js is a JavaScript library for creating 3D graphics for the web.

Three.js is built on top of WebGL, enabling 3D graphics rendering in web browsers using the GPU.

Rendering is the process of transforming website code into visual content displayed in a web browser.

A rendering engine constructs a Document Object Model (DOM) from HTML and a CSS Object Model (CSSOM) from CSS to create a Render Tree for displaying elements.

The types of rendering include client-side rendering (CSR), server-side rendering (SSR), and static site generation (SSG).

Two-tier architecture divides an application into two parts: the client tier and the server tier.

The client tier represents the user interface and runs on the user's device, such as a web browser or mobile app.

The server tier handles the core logic, data processing, and data storage, responding to client requests.

The client and server communicate over a network using protocols like HTTP or TCP/IP.

Three-tier architecture separates an application into three layers: presentation tier, application tier, and data tier.

The presentation tier is the top layer that includes the user interface (UI) and is responsible for displaying information to users and collecting inputs.

The application tier processes data from the presentation tier, contains business logic, and communicates with the data tier.

The data tier stores and manages application data, interacting with the application tier to retrieve or store data.