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:
    • 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.
    Your participation in this thread is not graded. I include it so that we can maintain some real human interaction.

See you next time.

Sincerely,

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *