ICS 314 Fall 2024

Module: UI Design (React)

React provides a component-based UI framework in Javascript/Typescript.

Learning Outcomes

Design using React

Readings

Guided tour of the React module

Why, what, how, and when you will learn about React

Screencast 3 min

React Docs

React official reference documentation

Bootstrap 5/React Docs

Official Bootstrap 5/React documentation

Nextjs Docs

Nextjs official reference documentation

Experiential Learning

E38: React Quick Start Tutorial

Work through the React Quick Start Tutorial

2 hours Section 4: 10 Oct 11:00 PM Sections 1,2,5: 11 Oct 11:00 PM

E38A: React Foundations Tutorial

Work through the React Foundations Tutorial

2 hours Section 4: 11 Oct 11:00 PM Sections 1,2,5: 12 Oct 11:00 PM

E39: React Tic-Tac-Toe Tutorial

Work through the React Tic Tac Toe Tutorial

2 hours Section 4: 12 Oct 11:00 PM Sections 1,2,5: 13 Oct 11:00 PM

E40: React Island Snow Tutorial

Work through the React Island Snow Tutorial

2 hours Section 4: 13 Oct 11:00 PM Sections 1,2,5: 14 Oct 11:00 PM

XC: Your Choice in React

Check your knowledge of Bootstrap 5 and React

Section 4: 16 Oct 11:00 PM Sections 1,2,5: 17 Oct 11:00 PM

XC: React Tic-Tac-Toe Additional Challenges

Extending React Tic Tac Toe

Extra Credit Section 4: 17 Oct 11:00 PM Sections 1,2,5: 18 Oct 11:00 PM