dwyl / learn-react

"The possibilities are numerous once we decide to act and not react." ~ George Bernard Shaw

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

About

"The possibilities are numerous once we decide to act and not react." ~ George Bernard Shaw


Languages

Language:HTML 60.2%Language:JavaScript 39.8%