介绍了今年雪球大前端团队在三端同构建设上的实践。包括RN / H5 同构的能力及效果、样式组件系统、同构的改造及SSR、同构的 CICD、单元测试及开发测试流程、同构的 D2C代码智能生成等

一、前言 react native打包是一件比较复杂的事情，相对于原生android，ios来讲，首先你可能需要在每次打包之前要重新生成bundlejs文件，否则可能新修改的代码不会生效，其次，在生成

前言 React Native（以下简称RN）是一种基于React框架的移动端应用开发技术，由Facebook在2015年开源发布。它的出现解决了开发人员需要编写多个平台的原生代码的繁琐问题，同时提供

React Native是Facebook在2015年3月发布的跨平台移动应用开发框架，此框架采用MIT开源协议，支持使用JavaScript语言和React前端框架来构建性能媲美原生的移动端应用，并

1 参考 屏幕适配理论知识 React native 分辨率适配(px,dp) react-native android 适配全面屏手机 谷歌官方Android设备系统及屏幕分辨率统计信息汇总） 2

RN对于position属性只提供了两种布局方式：absolute和relative，既没有fixed也没有仍处于试验的api：sticky。尴尬了😅 添加滑动onScroll事件=》滑动距离y等于第二部分marginTop的state，但是当滑动超过第一部分高度的时候把第二…

作者整理的一套常用的React Native开发中使用到的三方组件库大全，后续也会持续更新，同学们如果发现有好用的组件但是文章中没有列出的，也请给作者留言告知组件名称，作者好将读者们反馈的组件添加到文章中，以便帮助更多的RN开发者。后续持续更新的三方组件会放到文章的开头部分，代…

本文基于 React Native 的实践项目进行总结， 该项目基于 React Native 和 H5 在开发效率、功能性能、用户体验等方面的差异性，对功能模块进行精心设计，主要基于我们现在实际项目的业务，结合移动端特有的特性。 本文围绕 React Native 项目的环境…

当调用 setState 时，React会做的第一件事情是将传递给 setState 的对象合并到组件的当前状态。 这将启动一个称为和解（reconciliation）的过程。 和解（reconciliation）的最终目标是以最有效的方式，根据这个新的状态来更新UI。 为此，…