Skip to content

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

Notifications You must be signed in to change notification settings

dwyl/learn-react

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

24 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published