Skip to content

Reading: Class 26

Karl Polintan edited this page Apr 27, 2019 · 1 revision

cf Class 26: Frontend Tooling and React

Links

Overview of webpacks. Went over:

  • Concepts
  • Entry
  • Output
  • Loaders
  • Plugins
  • Mode
  • Browser Compatablity

How to configure webpacks.

  • Configuration - assumed entry point is src/index
  • Using a different config file
  • Options
  • With more specific details on options available

Shows how to do 'hello world' in React.

  • How to Read This Guide They also provide a link to their practical tutorial
  • Knowledge Level Assumptions They link a JavaScript tutorial. There's also a link to (quick definition of what's new in ES6)[https://gist.github.com/gaearon/683e676101005de0add59e8bb345340c].

JSX produces React "elements"

  • Why JSX?
  • Embedding Expressions in JSX
  • JSX is and Expression Too
  • Specifying Attributes with JSX
  • Specifying Chrildren with JSX
  • JSX Prevents Injection Attacks
  • JSX Represents Objects

Elements are the smallest building blocks of React apps.

  • Rendering an Element into the DOM
  • Updating the Rendered Element
  • React Only Updates What's Necessary
Clone this wiki locally