CSCI 344: Spring 2025

Advanced Web Technology

CSCI 344: Spring 2025

UNCA Logo

Topics > 9. React

React is a popular JavaScript library for building user interfaces, especially single-page applications (SPAs). It allows developers to create reusable components and manage the state of an application efficiently through a virtual DOM. React's declarative approach simplifies UI development and is widely adopted in modern web development.

Readings & Activities

Week Slides / Activities Readings
Week 10 Fri, 3/21 Lecture 17 : React I Activity : Hands-on React Activity Required: Optional:
  • Tic Tac Toe. You are strongly encouraged to do this on your own.
Week 11 Mon, 3/24 React II
(see Lecture 17 slides)
 Required:
  • Thinking in React. Make note of the steps:
    • Break the UI into a component hierarchy
    • Build a static version in React
    • Find the minimal but complete representation of UI state (noting the difference between "props" and "state"
    • Identify where your state should live
    • Adding "inverse data flow"
  • Sharing state between components
Optional:
Wed, 3/26 Tutorial 8 : React: Custom & Third-Party Components (due Mon, 3/31)