大前端码农-CSDN博客

原创从零实现TypeScript版Koa

这篇文章会讲些什么？如何从零开始完成一个涵盖Koa核心功能的Node.js类库从代码层面解释Koa一些代码写法的原因：如中间件为什么必须调用next函数、ctx是怎么来的和一个请求是什么关系我们知道Koa类库主要有以下几个重要特性：支持洋葱圈模型的中间件机制封装request、response提供context对象，方便http操作异步函数、中间件的错误处理机制第一步：基础S...

2019-09-16 15:44:28 668

原创 React Native 实现 App Store Today页效果

React Native 动效系列欢迎大家Star我们的仓库react-native-showcase，记录了各种React Native的交互、动画效果。卡片动感光效九宫格抽奖自定义下拉刷新动画本文介绍如何实现利用共享UI元素的动画，实现类似苹果App Store的Today页面的动画效果，我们先看最终的效果：第一步：完成静态UI布局UI布局很简单，就是一个普通的Scroll...

2019-07-19 19:16:35 382

从 React V 16.8.0 和 React Native 0.59.0 版本开始, 引入了React Hook的概念。React Hook 在开发支持就考虑到了类型，所以很多Hook函数可以直接推断出他们的参数、返回值等类型，但也有一些场景需要我们显示声明类型。阅读本文前你需要了解React Hook 的基本用法，参考这里。下面会总结一下我们如何在 TypeScript 中使用React H...

2019-06-18 14:32:49 4193

原创 RN 集成 TypeScript方案和问题大全

这篇文章主要介绍了如何在 ReactNative 中如何集成 TypeScript，以及我们遇到的一些问题总结。其实关于如何集成TS，RN官方有一篇博客介绍了接入方案，但在参照接入过程中发现针对老工程部分迁移TS、以及新版本RN并不适用。集成方案目前RN 集成 TypeScript 有两个方案：方案一：借助第三方编译插件react-native-typescript-transforme...

2019-06-18 14:31:34 1195

原创这一次彻底搞定 useReducer - useContext使用

useReducer-基础概念篇useReducer-使用篇useReducer-配合useContext使用欢迎回到我们的useReducer系列第三篇，如果这是你第一次看到这个系列，推荐先看看前两篇：上篇文章结尾提到过使用useReducer，可以帮助我们集中式的处理复杂的state管理。但如果我们的页面很复杂，拆分成了多层多个组件，我们如何在子组件触发这些state变化呢，比如在Lo...

2019-06-18 14:24:12 6331

原创这一次彻底搞定useReducer-使用篇

useReducer-基础概念篇useReducer-使用篇useReducer-配合useContext使用我们在第一篇文章中介绍了JavaScript中的reducer以及他的一些特点，对reducer不熟悉的小伙伴可以先看看第一篇。React Hook功能正式发布之后，允许在function component中拥有state和副作用（useEffect）。官方提供了两种state管...

2019-06-18 14:23:03 4403 2

原创这一次彻底搞定useReducer-基础篇

useReducer是React提供的一个高级Hook，它不像useEffect、useState、useRef等必须hook一样，没有它我们也可以正常完成需求的开发，但useReducer可以使我们的代码具有更好的可读性、可维护性、可预测性。下面我们会分三篇文章详细介绍如何在项目中使用useReducer：第一篇：主要介绍JavaScript中reducer的概念以及它的特点，对reduc...

2019-06-18 14:21:47 6949

原创从零开始完成React Native 九宫格抽奖

本文将介绍从零开始实现一个 React Native 版本的九宫格抽奖转盘，先看最终效果图也可以直接使用react-native-super-lottery组件开发抽奖功能。一、布局布局很简单，我们可以采用flex 3行布局，也可以单行、配合flex-wrap子控件自动折行实现。直接上代码const LotteryStyle = StyleSheet.create({ contain...

2019-06-18 14:20:18 757

大前端码农的博客