Progressive Web Apps Development
Be Very Aware!
This Web Site Is Under Construction
Work in Progress
Game changer in web development. The React community has pioneered many approaches, terms, and design patterns, and other libraries have followed the path forged by React. Gatsby is an excellent example. It is a React program
Modern UI frameworks like React are becoming essential to rich user experiences.
React wraps an imperative API with a declarative one
Tom Occhino from Facebook
React embraces declarative style over imperative
A declarative style of programming results in less code, reduces complexity, makes code easier to read and understand. It tells a computer what to do
An imperative style of programming describes how to do it
React makes it very simple: everything is a component.
A stateless component does not manage internal state, and is just a function
A stateful component is a class, which manages state in its own properties
A Web page is a document. This document can be either displayed in the browser window or as the HTML source. It is the same document in both cases
Inspect the page structure
Access the page metadata and headers
Edit the CCS styling
Attach or remove event listeners
React uses a virtual DOM to find differences between what’s already in the browser DOM and pixels on the screen, and the changes in the UI state or view. This process is called DOM diffing or reconciliation of state and view. This speeds up the process of changing pixels on the screen. Developers don’t need to explicitly changing the view. When a component updates its state, the view will be updated automatically as needed.
JSX is a statically-typed, object-oriented programming language designed to run on modern web browsers. Some attribute of JSX are:
React embraces the fact that rendering logic is inherently coupled with other UI logic: how events are handled, how the state changes over time, and how the data is prepared for display
Instead of artificially separating technologies by putting markup and logic in separate files, React separates concerns with loosely coupled units called “components” that contain both