Frontend Architecture
Viewing all posts categorized under Frontend Architecture.
Timeline
Filter by Year
ES Modules in Chrome 61: Native JavaScript Import/Export inside Browser Engines
Exploring the native support for ES Modules in Chrome 61 in September 2017, detailing script tags and asynchronous module loading.
React 16.0 MIT License Transition: The End of the Patent Clause Dispute
Analyzing React's transition to the MIT license in mid-2017. We study the BSD+Patents controversy and its impact on enterprise software.
ES8 / ECMAScript 2017: Async/Await Primitives and Shared Memory Allocations
Analyzing the finalized ECMAScript 2017 (ES8) standard. We break down the new async/await primitives, Object entries, and SharedArrayBuffer.
WebAssembly MVP Approval: The Web Rises as a Universal Compiler Target
Analyzing the WebAssembly MVP release in March 2017. We study browser compilation, JS bindings, and near-native performance.
CSS Grid Shipped: Responsive Layout Design without Grid Frameworks
Exploring the shipping of CSS Grid Layout in Chrome 57 and Firefox 52 in March 2017, detailing native CSS grid template structures.
React Fiber: Deep Dive into the New Asynchronous Reconciliation Engine
Analyzing React's upcoming Fiber reconciliation engine rewrite. We detail call stack changes, task scheduling, and prioritization.
Next.js 1.0 Release: Server-Side Rendering for React Applications
Analyzing the release of Next.js 1.0 in late 2016. We detail dynamic server-side rendering, routing conventions, and client transitions.
React 15.3: React.PureComponent and Shallow Component Comparators
Analyzing React 15.3, detailing the introduction of React.PureComponent and shallow equality comparisons for optimized rendering.
TypeScript 2.0: Strict Null Checking and Compiler Type Guarding
Analyzing the release of TypeScript 2.0 in late 2016. We study compiler type guards, strict null checks, and npm declaration structures.
Angular 2.0 Final Release: Component Architectures and Unidirectional Data Flow
Analyzing the final release of Angular 2.0. We break down the modular architecture, component binding, and Ahead-of-Time compilation.
Progressive Web Apps: Service Workers, Cache API, and Offline-First Architectures
A guide to Progressive Web Apps (PWA) in mid-2016. We study Service Worker life cycles, the Cache API, and offline strategies.
Apollo Client for GraphQL: Standardizing UI Caching and Query Normalization
Analyzing the adoption of Apollo Client in mid-2016. We study normalized caches, local client stores, and React state integration.
Vue.js 2.0: Virtual DOM Implementation and Reactive Property Listeners
Analyzing the announced architecture of Vue.js 2.0. We detail the integration of the Virtual DOM, reactive systems, and single-file components.
Redux 3.0: Standardizing State Management inside React Single Page Applications
Analyzing the features in Redux 3.0. We detail state immutability, pure reducer functions, and middleware logging pipelines.
CSS Custom Properties: Browser Support and Dynamic Runtime Variables
Exploring the browser adoption of CSS Custom Properties in early 2016. We detail structural layout changes and JS styling integration.
WebAssembly Announcement: Developing Native Code Runtimes inside Browser Engines
Exploring the announcement of WebAssembly in late 2015. We detail the planned bytecode format, browser integration, and performance benefits.
CSS Grid Layout Status: How CSS Grid Will Replace Flexbox and Float Hacks
Analyzing the emerging CSS Grid Layout draft specifications in mid-2015. We compare two-dimensional layouts with one-dimensional Flexbox designs.
Angular 2 Beta: Shifting to TypeScript, Directives, and Hierarchical Dependency Injection
Analyzing the Angular 2.0 Beta release in mid-2015. We study the transition to TypeScript, annotations, and the replacement of scope variables.
React Native Release: Building Mobile Apps with Native UI Controls and JavaScript
Analyzing the release of React Native for iOS in mid-2015. We detail the asynchronous JavaScript-to-Native bridge and native UI rendering.
TypeScript 1.5: Decorators, ES6 Module Targets, and tsconfig.json Integration
Exploring the release of TypeScript 1.5 in early 2015. We detail the integration of tsconfig.json config files, ES6 modules, and metadata decorators.