1 of 12

Day 12

2 of 12

Questions on projects

3 of 12

Questions on React lesson

Why did we not use create-react-app

What makes JSX possible?

What is “props”

Why are we learning react instead of angular or vue

4 of 12

Practice

https://github.com/AustinCodingAcademy/react-component-practice

Walk through steps of creating a few components.

5 of 12

Homework

https://github.com/AustinCodingAcademy/aca-store-react

Get as much done as you can for Wednesday

6 of 12

You are now full stack developers

  • You can build a server, a web client and a database
  • You can have a web client talk to a web server and the web server talk to the database server
  • Is there anything else besides a database, a web server or a web client?

7 of 12

Web client

  • use fetch to retrieve data from the server and bring it into the web page
  • code javascript to build the UI based on that data
  • allow the user to change the data
  • save the changed data to the server

8 of 12

Database

  • setup a database in the cloud
  • connect to the database from another computer
  • send data to the database to save it
  • retrieve data from the database to display it

9 of 12

Web server

  • Write a program that listens for messages from the internet
  • Code a server program to understand REST
  • Connect to database to save and retrieve other information
  • Connect to apis to retrieve information that we don’t control ( geolocation)
  • Connect 2 clients together to coordinate communication (chat)

10 of 12

What else is there to learn?

  • So far we have learned to build things that are essential to any software system. You cannot build amazon.com without these things.
  • But there are things that we can learn that are not essential to building amazon.com but are essential to getting a job.
  • Aca-store. Web apps are not built this way anymore.
  • We have to learn the tools that real jobs want you to know.

11 of 12

But…. Is a “web” client necessary?

What other type of clients are there?

12 of 12

A client is necessary to all software systems but it doesn’t necessarily have to be a web client.

  • Desktop, mobile device …

Why are we choosing to build a web client