What and Why?

What is a web app?

static, plain vs dynamic, interactive

• A web application is like an "application in the web"

  • Before, a traditional website that is just a collection of linked web pages
  • Now, the web is moving towards webapps, with all sorts of interactivity, customizability, and dynamic features
  • Back then applications like (games, office tools, messaging apps) are mostly desktop-based

  

  from: https://www.appverticals.com/blog/web-app-vs-website/

so you're probably interested in developing web apps...

Why use frontend framework or libraries?

• Imperative vs declarative
• Data-driven components
• State management

example of using vanilla JS: https://codesandbox.io/s/react-workshop-js-dom-manipulations-js95u

so you're probably wondering why React, of all libraries...

What is React?

• A frontend JS library for building UI

Who uses React?

from https://stackshare.io/react

This workshop is for everyone interested in Web UI

We'll be using React as our library but a lot of the things you learn here are also general concepts in web UI development, and applicable in vanilla JS and other frontend libraries/frameworks.

What is not included?