Skip to content

Latest commit

 

History

History
81 lines (52 loc) · 2.93 KB

README.md

File metadata and controls

81 lines (52 loc) · 2.93 KB

React Intro

Learn React.js for high performance JavaScript applications.

Start

Background

React is a JavaScript library for building user interfaces.

  • Just the UI: Lots of people use React as the V in MVC. Since React makes no assumptions about the rest of your technology stack, it's easy to try it out on a small feature in an existing project.
  • Virtual DOM: React uses a virtual DOM diff implementation for ultra-high performance. It can also render on the server using Node.js — no heavy browser DOM required.
    • This means that every time something changes, React creates a virtual DOM tree, checks for the differences between that and the existing DOM and then re-renders only the differences to the DOM
  • Data flow: React implements one-way reactive data flow which reduces boilerplate and is easier to reason about than traditional data binding.

Reading

Video

What?

react.min.js (minified!) is ~12kb! see: https://github.com/facebook/react/ specifically: https://unpkg.com/react@17.0.2/umd/react.production.min.js

Resources

Components not Templates

https://css-tricks.com/modular-future-web-components/

Server-Side Rendering

Testing with JEST

Test Coverage

React Native