React项目中应用TypeScript

一、前言 单独的使用typescript 并不会导致学习成本很高,但是绝大部分前端开发者的项目都是依赖于框架的 例如和vue、react 这些框架结合使用的时候,会有一定的门槛 使用 TypeScript 编写 react 代码,除了需要 typescript 这个库之外,还需要安装@types/r ... »

React Native踩坑日记 —— tailwind-rn

项目背景 在项目的初始阶段,我们需要建立自己的design system,我们spike了一些方案,tailwind-rn就是其中一种,如果有用到或者即将用到tailwind-rn的,可以进来看一看,避免踩坑。 后来觉得项目比较简单,tailwind对新上项目小伙伴确实不太友好,所以我们最终没有采用 ... »

React 实现鼠标水平滚动组件

实现要点 页面布局 监听鼠标滚动事件 计算滚动位置进行对齐 实现步骤 页面布局 父元素采用flex布局且设置flex-wrap: nowrap使其子元素可以完全展开 子元素设置flex-shrink: »

li1234yun

从create-react-app开始,构建项目架构

1.生成项目 命令行执行:create-react-app myapp,生成如下结构: 2.安装sass依赖,让你在项目中可以使用scss模块化,index.module.scss: npm i no »

superjsman

H5、React Native、Native性能区别选择

“存在即合理”。凡是存在的,都是合乎规律的。任何新事物的产生总要的它的道理;任何新事物的发展总是有着取代旧事物的能力。React Native来的正是时候,一则是因为H5发展到一定程度的受限;二则是移 »

xiongwei

react中如何使用iconfont

react中如何使用iconfont 1, 新建项目 2, 搜索想要的图标,输入关键字查询即 3, 点击加入购物车。 4, 在购物车中点击下载至本地。 5, 保留.eot, .css, .svg, . »

sinceForever

React Native(四)——顶部以及底部导航栏实现方式

效果图: 一步一步慢慢来: 其实刚入手做app的时候,就应该做出简单的顶部以及底部导航栏。无奈又在忙其他事情,导致这些现在才整理出来。 1.顶部导航栏:react-native-scrollable- »

zhengyeye

react.js从入门到精通(五)——组件之间的数据传递

一、组件之间在静态中的数据传递 从上面的代码我们可以看出,两个组件之间的数据是分离,但如果我们有某种需求,将数据从一个组件传到另一个组件中,该如何实现? 场景设计: 将Home.js中的HomeDat »

xukun588