Key Takeaways from IMWebConf 2016: Frontend, Backend, and Mobile Insights

On September 10, the IMWeb team successfully hosted IMWebConf 2016 at Tencent Building, delivering a series of engaging technical talks.

Summary

Influence Scope

Audience from more than 70 domestic internet companies including Tencent, iQIYI, OPPO, DJI, Xunlei, JD, Kingdee, etc., from cities such as Wuhan, Shanghai, Zhuhai.

Over 200 participants attended the conference in person.

The online live course on Tencent Classroom attracted 1,181 registrants.

Event Impact

97.8% of attendees reported learning something new.

98.9% were satisfied with the practicality of the content.

83.9% were pleased with the organization and notification format.

Main Hall

The main hall on the second floor featured a keynote session followed by three parallel tracks on React, NodeJS, and a comprehensive track.

HTTPS Best Practices

Senior engineer Luo Cheng presented "HTTPS Best Practices," covering the motivation for HTTPS, performance optimization across TCP, SSL, and application layers, deployment challenges, and future outlook.

Explained web traffic hijacking and the need for HTTPS.

Discussed performance tuning to achieve "making elephants dance".

Shared deployment issues and solutions.

Delivered a solid network protocol lesson for front‑end developers.

React Native in Penguin Tutoring

Jery Tang compared ReactJS and React Native, examined performance differences among RN, H5, and native apps, and shared optimization techniques used in Penguin Tutoring.

Compared runtime environment, tags, styles, system components, extensibility, and development experience.

Analyzed page load speed, data loading, gesture response, and animation performance.

Presented RN performance optimizations and predicted a future where RN, H5, and native coexist.

ReactJS Track

React Server‑Side Rendering

Yang Chunwen described how React SSR was used in the Penguin Tutoring project to improve first‑screen performance, highlighting pitfalls such as duplicate rendering caused by a stray space.

Introduced SSR concept and server‑side page generation.

Compared load times with and without SSR.

Analyzed rendering processes and common issues.

React+Redux Componentization

Liang Weisheng shared componentization practices from the NOW live streaming project, emphasizing reusable components, high‑order components, and npm‑based management.

All‑as‑components: display, data, higher‑order.

Flexible composition for code reuse.

Loose coupling between display and data components, high cohesion via higher‑order components.

React+Reflux Performance Tuning

Huang Zhipeng introduced Reflux, contrasted it with Redux, and offered performance tips.

Use shouldComponentUpdate to reduce unnecessary diffing.

Use Immutable.is for efficient data comparison.

Leverage key attributes for node insertion.

Employ React.addons.Perf for performance profiling.

NodeJS Track

Express Core and Server‑Side Development

Chen Yingping dissected Express architecture, covering routing, middleware, templating, and performance optimization, as well as process management and remote debugging.

Showcased Express simplicity, extensibility, and high performance.

Detailed routing, middleware, and template usage.

Explained request handling flow and core modules.

Discussed performance tuning, process management, exception handling, and node‑inspector debugging.

Node in Live Streaming

Link Zhu presented how NodeJS integrates with heterogeneous systems in the NOW live streaming platform, focusing on protobuf, CKV cache, and Zookeeper.

Analyzed business and technical scenarios for NodeJS selection.

Demonstrated NodeJS collaboration with existing services.

Introduced serialization protocol protobuf, cache service CKV, and coordination tool Zookeeper.

Building High‑Quality Node Services

Cen Dongyi shared practices from the Penguin E‑Sports project, including direct‑output services, BadJS error monitoring, pre‑loading components, and log‑based troubleshooting.

Accelerated first‑screen rendering via direct output.

Implemented BadJS for real‑time error monitoring.

Optimized interaction latency by pre‑loading components.

Utilized real‑time and historical logs for rapid issue diagnosis.

Comprehensive Track

JavaScript Design Mistakes

Jiang Haoqun from Alibaba discussed historical pitfalls in JavaScript, covering type system issues, scope, naming, and API design failures.

Legacy problems in JavaScript.

Type system pitfalls.

Scope and naming challenges.

API design shortcomings.

Do We Really Need a Backend?

Li Qinglong explored no‑backend solutions and the IMWeb SAS (Schema as Service) approach, highlighting componentization and CGI configuration to halve development effort.

Identified repetitive labor in front‑end, CGI, and backend development.

Emphasized UI componentization and simplified CGI management.

Presented industry no‑backend reports and IMWeb SAS architecture.

Outlined future directions: generic APIs, SDK support, open source.

Audio‑Video Optimization in Online Education

Huang Long (Lonny) detailed Tencent Classroom's audio‑video solution, covering RTMP architecture, live streaming optimization, and multi‑stream scenarios.

RTMP live streaming architecture.

Tencent Classroom's end‑to‑end audio‑video implementation.

Optimizations for first‑frame latency, smoothness, and real‑time performance.

Advanced scenarios: multi‑stream audio‑video, upstream audio, silent packet supplementation.

Audience Feedback

After all sessions, attendees stayed until the end, actively asked questions, and expressed strong enthusiasm for future events, praising the conference’s influence, content quality, and organization.