Tag

Isomorphic

0 views collected around this technical thread.

58 Tech
58 Tech
Jun 28, 2021 · Frontend Development

Umajs-react-ssr: An Isomorphic Server‑Side Rendering Solution for React on the Umajs Node Framework

Umajs-react-ssr is a lightweight isomorphic SSR solution built on the Umajs Node.js framework that enables React page components to be rendered on both server and client, offering flexible routing, server‑side data fetching, custom HTML templates, CSS‑module support, and easy configuration for improved performance and developer experience.

Frontend DevelopmentIsomorphicNode.js
0 likes · 25 min read
Umajs-react-ssr: An Isomorphic Server‑Side Rendering Solution for React on the Umajs Node Framework
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Jul 29, 2019 · Frontend Development

How to Build a React‑Redux Isomorphic Server‑Rendered App from Scratch

This article walks through the concepts, architecture, and step‑by‑step implementation of a React + Redux isomorphic application that renders on the server with Koa, bundles with Webpack, and hydrates on the client, while highlighting performance benefits and common pitfalls.

IsomorphicKoaReact
0 likes · 15 min read
How to Build a React‑Redux Isomorphic Server‑Rendered App from Scratch
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Apr 6, 2017 · Frontend Development

Mastering React Isomorphic SSR: Build a Perfect Server‑Side Rendering Boilerplate

This guide walks you through building a complete React isomorphic server‑side rendering environment—from understanding SSR benefits and core principles to configuring routing, state management, static asset handling, code splitting, optimization, and deployment—providing practical code snippets, diagrams, and best‑practice recommendations.

IsomorphicNode.jsReact
0 likes · 14 min read
Mastering React Isomorphic SSR: Build a Perfect Server‑Side Rendering Boilerplate
Qunar Tech Salon
Qunar Tech Salon
Mar 27, 2017 · Frontend Development

Isomorphic MVC (IMVC): A Unified Front‑End Architecture for Server‑Side and Client‑Side Rendering

The article introduces the concept of isomorphic JavaScript, explains its types and hierarchical levels, outlines its practical benefits such as SEO and faster first‑load experience, and details the IMVC framework and the create‑app library that enable seamless server‑client code sharing with a clear controller‑model‑view separation.

IsomorphicMVCNode.js
0 likes · 22 min read
Isomorphic MVC (IMVC): A Unified Front‑End Architecture for Server‑Side and Client‑Side Rendering
Ctrip Technology
Ctrip Technology
Mar 24, 2017 · Frontend Development

Isomorphic MVC (IMVC): Concepts, Architecture, and Implementation Strategies

This article introduces the concept of isomorphic JavaScript, distinguishes content‑ and form‑isomorphism, explains the layered spectrum of isomorphism, outlines its practical benefits for SEO, performance and maintainability, and details the IMVC framework design, controller pattern, simplified Redux (relite), and engineering tooling for modern front‑end development.

IsomorphicMVCNode.js
0 likes · 23 min read
Isomorphic MVC (IMVC): Concepts, Architecture, and Implementation Strategies
Qunar Tech Salon
Qunar Tech Salon
Oct 26, 2016 · Frontend Development

Improving Iconfont Platform Performance with React Isomorphic Rendering

The article examines the inefficiencies of an outdated internal iconfont platform, explores the drawbacks of separate front‑end and back‑end rendering, and presents a React‑based isomorphic solution that unifies package management and module loading, resulting in dramatically faster first‑page loads and easier maintenance.

IsomorphicPerformance OptimizationReact
0 likes · 9 min read
Improving Iconfont Platform Performance with React Isomorphic Rendering
Tencent Music Tech Team
Tencent Music Tech Team
May 11, 2016 · Frontend Development

Implementing Isomorphic ReactJS Server-Side Rendering with Redux and React Router

The article details how to set up isomorphic ReactJS server‑side rendering using ReactDOMServer, Redux for shared state, and React Router for universal routing, covering data fetching, Webpack builds for client and Node, code‑splitting, and performance trade‑offs such as CPU overhead and caching strategies.

IsomorphicPerformanceReact
0 likes · 10 min read
Implementing Isomorphic ReactJS Server-Side Rendering with Redux and React Router