Key New Features and Architectural Changes in React 16

The author, a well‑known front‑end expert, introduces the evolution of JavaScript and React, noting that recent language features (fetch abort, Promise.finally, class static/private fields, bigint) and browser APIs (IntersectionObserver, requestIdleCallback) set the stage for React 16’s overhaul.

Early React 16 features include components returning arrays, the portal API ( React.createPortal ) for rendering outside the normal DOM hierarchy, and the error‑boundary lifecycle method ( componentDidCatch ) that reports component stack traces without manual try/catch.

React 16.1‑3 additions bring the <Fragment/> shorthand (also <>…</> ) for grouping children without extra nodes, and the deprecation of legacy lifecycle methods ( componentWillMount , componentWillReceiveProps , componentWillUpdate ) in favor of getDerivedStateFromProps and the unsafe UNSAFE_* prefixes.

The new context API replaces the old context mechanism with React.createContext() , producing Provider and Consumer components that use the observer pattern to avoid prop‑drilling, and it eliminates the need for the now‑deprecated shouldComponentUpdate return false hack.

React also introduces createRef and forwardRef to replace string and function refs, providing a stable object ref that can be accessed before a component mounts. Example usage: const ref = React.createRef(); function Wrapper(props, ref) { return ; } const RefForwardingComponent = React.forwardRef(Wrapper); ReactNoop.render( );

Additional APIs such as <StrictMode/> , createRoot , flushSync , batchedUpdates , and deferredUpdates improve async rendering and debugging, while the underlying fiber architecture expands the virtual DOM node types, uses a work‑loop with beginWork and completeWork , and enables concurrent rendering similar to Git branching.

Overall, React 16 transforms the library from a view‑only tool into a full‑featured framework, maintaining forward compatibility through long deprecation periods and offering developers a richer set of primitives for building modern web applications.