我们的社区技术博客知识总结讲座直播太阁x 技术讨论群群直播太阁官网 Bittiger.io 和社区太阁x 项目小组 MOOC班太阁x地区刷题小组线下聚会华人技术社区 - 全球4个国家, 16个地区 - 分享技术, 学习技术 - 生长学习法欢迎关注 - 网站: BitTiger

Size: px

Start display at page:

Download "我们的社区技术博客知识总结讲座直播太阁x 技术讨论群群直播太阁官网 Bittiger.io 和社区太阁x 项目小组 MOOC班太阁x地区刷题小组线下聚会华人技术社区 - 全球4个国家, 16个地区 - 分享技术, 学习技术 - 生长学习法欢迎关注 - 网站: BitTiger"

瓦颜
5 years ago
Views:

1 太阁x项目组 Full-stack Web App A real time chatting system 焗染烫老师讲座按照国际惯例 :35 开始想分享技术? 请找沈恬或小石头. 更多分享关注微信 bit_tiger 今日表情包分享

2 我们的社区技术博客知识总结讲座直播太阁x 技术讨论群群直播太阁官网 Bittiger.io 和社区太阁x 项目小组 MOOC班太阁x地区刷题小组线下聚会华人技术社区 - 全球4个国家, 16个地区 - 分享技术, 学习技术 - 生长学习法欢迎关注 - 网站: BitTiger.io - 论码农的自我修养 - 微信 - 知乎 - 今日头条 - 等11个平台

3 讲师介绍焗染烫多伦多大学M.Eng. 目前在TD Bank从事前端开发王思唯埃默里大学计算机系就读目前在一家创业公司做后端开发实习生

4 太阁X项目组 - Full-stack Web App A Real Time Chatting System [焗染烫老师]

5 Ouline Live Demo Architecture Overview Implementation Environment and Deployment Summary Thank you and Q&A

6 Live Demo Demo

7 Technologies Stack Front-end React.js Redux ES6 WebPack Back-end Node.js Redis MongoDB Development Environment and Deployment Docker

8 Architecture Overview Pub/Sub & Cache msg Session Store Web Client Chat msg (Socket.io) Reactjs + Redux Authentication Use Profile

9 Technologies and its usage - React.js React.js (just view) Component-based Composable, Reusable, Maintainable Virtual DOM Diff algorithm One way data flow Clear data flow, Easy debugging

10 Technologies and its usage - React.js Message Component

11 Technologies and its usage - Redux Redux Predictable state container for js app Functional style Immutable state Presentational and Container components Presentational => How things look Container => How things work

12 Technologies and its usage - Redux Redux Architecture

13 Technologies and its usage - Redux Reduce r Action Container

WebPack-dev-server Code split Extracting common module

14 Technologies and its usage - Webpack WebPack Module bundler Js file, static asset, css, images Hot reload WebPack-dev-server Code split Extracting common module Split code into on demand loaded chunk Multiple entry points

engine Event-driven Non-blocking I/O model Good for I/O intensive

15 Technologies and its usage - Node.js Node.js Server side javascript runtime environment Google v8 javascript engine Event-driven Non-blocking I/O model Good for I/O intensive application Real-time communication Browser games Not good for CPU computational heavy work

16 Technologies and its usage - Redix Redis In-memory data structure store Database,Cache, message broker Publish/Subscribe messaging system Cache chat message

17 Technologies and its usage - Node.js && Redis Message sending and receiving

18 Technologies and its usage - MongoDB MongoDB Document-oriented nosql database Document Row in RDBS Collection Table in RDBS Rich querying capabilities High performance No complex join Less disk read Easy scalability Sharding key

19 Technologies and its usage - MongoDB Data stored in MongoDB

Development Environment and Deployment Docker Operating-system-level virtualization Cgroups, namespaces on linux to allow container Light weight container vs virtual machine Fast, spin up and down in

20 Development Environment and Deployment Docker Operating-system-level virtualization Cgroups, namespaces on linux to allow container Light weight container vs virtual machine Fast, spin up and down in seconds Run hundreds of container with performance impact Why docker Agility Freedom define environment Control Easy manage standardized operating environment Portability No matter private infrastructure to public cloud providers

21 Summary Future improvement Authentication Session Pub/Sub Cache Web Client WebSocket connection Chat msg Reactjs + Redux HA Cluster Use Profile

22 Summary lessons Front-end Stateless components and stateful container Benefit of functional style Javascript core technique Back-end Build server using javascript Node.js with Socket.IO Nosql Redis, MongoDB Docker Easy build, ship and deploy

23 Summary Resources Source code - Redux Example - Official doc - Middleware - Webpack Tutorial md

24 Before Q&A.. Lecturer: 焗染烫老师 Organizer: Jerry Yang, EK, 小石头 Editors: BoHua Tian, 桃子 Marketing: Yuanda Li, Tian Shen, 太阁x Platforms: BitTiger.io, 太阁x社区 And YOU :-)

25 Q&A 更多分享关注微信 bit_tiger 想分享技术

<4D6963726F736F667420506F776572506F696E74202D20C8EDBCFEBCDCB9B9CAA6D1D0D0DEBDB2D7F92E707074>

<4D6963726F736F667420506F776572506F696E74202D20C8EDBCFEBCDCB9B9CAA6D1D0D0DEBDB2D7F92E707074> 软件架构师研修讲座胡协刚软件架构师 UML/RUP 专家 szjinco@public.szptt.net.cn 中国软件架构师网东软培训中心小故事 : 七人分粥当前软件团队的开发现状和面临的问题软件项目的特点解决之道 : 从瀑布模型到迭代模型解决项