CS 268: Lecture 16 – Hello, React
Dear students:
The first theme of this course has been learning the foundational technologies of the web: HTML, CSS, and JavaScript. Today we officially reach the second theme: designing modern web apps with React. Systems like React ease the burden of designing interactive sites with dynamic content.
Here’s your TODO list:
- Install Node.js, an ecosystem for developing standalone JavaScript applications. I have no experience installing or using this on Windows. Please ask questions on Slack if you run into trouble.
- Watch this video, in which we learn the story behind React.
- Watch this video, in which we introduce our color palette app.
- Watch this video, in which we create a component and discuss
props. - Watch this video, in which we employ many component instances.
- Watch this video, in which we add support for deleting colors.
- Watch this video, in which we add support for adding colors.
- Watch this video, in which we deploy the app to a web server.
- You are encouraged to post a reply in the lecture 16 thread with one of the following: Your participation in this thread is not graded. I include it so that we can maintain some real human interaction.
- A question regarding React or the palette application. This might be a question you really don’t know the answer to or one that you do know the answer to and are putting forward as a challenge to your peers.
- An answer to a previously posted question or challenge.
See you next time.
Sincerely,
