React Portal 小谈
最近在看ReactV16带来的新东西，V16版本直接支持了Portal。今儿就总结一下Portal这个自己不是那么熟悉却又非常重要的“传送门”吧。 先说说为什么需要传送门。React的世界一切皆组件，进行render就需要一个root根节点进行挂载。组件套组件一层一层，不过最外面一层都是挂在在这个root根节点上的。 有一个常见的需求Dialog(弹窗),通常它会显示在屏幕正中…
WRITING
文章 · 第 2 页
65 篇关于前端、工程与生活的记录
ReactSSR样式及SEO
前一篇主要记录了一下SSR配置以及结合Redux的使用。这里简单说一下React SSR中样式处理和更优雅的SEO SSR样式 在React客户端渲染，添加样式很容易。写一个css样式文件，在对应组件中引用。标签上通过className这个属性调用对应样式就万事Ok了。当然我们需要在webpack中配置loader来解析css文件。一般的配置如下（使用css modules）：…
React SSR Note(1)
SSR已经不是什么新词、新概念了。为了解决React、Vue这类单页面（SPA）带来的首屏过慢以及SEO等问题随之而出。Vue、React官方也一直再跟进相关的支持。 同时社区也诞生了Next.js(React)以及Nuxt(vue)这类已经配置好，开箱即用的SSR解决方案。 之前在研究学习Webpack的时候，折腾过React SSR的配置和使用。从零配置Webpack4.0…
小程序Note2
最近一个月，主要的精力还是在小程序这边，公司的项目是，自己闲暇之余写的小项目也是。 公司项目就不说了，自己的小项目涙曇 前后用了一个月，101commits完成了1.0.0版。从有想法到自己设计再到开发完完全全走完这一套流程，还是很满足的。 这里还是聊聊最近编写小程序一些问题和解决方案 （中秋在三里屯人行天桥拍到的日落，很美）
小程序开发遇到的一些问题和吐槽
小程序在微信这个超级平台的带动下，这两年着实是越来越火。刚出来那一阵，翻了翻文档简单的看了看，没有组件、没有wsx(虽然现在也很难用，有总比没有强)还有无穷无尽的坑。一直没有深入去学习去了解。期间美团开源了一个mpvue，一个基于Vue的小程序开发框架。上手没什么成本，自己写了一个极其简单简陋查询快递的小程序--快递去哪儿咯。最近工作上来了小程序的需求，组内交流之后打算用小程序…
2018.7
上篇博文至今，又间隔了一个多月。其实这一个月自我感觉成长了不少，学到也用到了不少东西。一直懒于动笔拖到了七月的尾巴。 工作上 工作上正式开搞了一个新项目。前端这边React全家桶。React全家桶无非就那点东西，但这回确实收获了不少。最大的收获还是工程化和拆分这一块。之前自己写前端项目亦或是在无二写RN回头来看离工程化差的好远，这次的工作才真真切切感受到了什么是前端工程。 在这…
Redux-saga
公司的react项目，在管理异步action这一块，都用的是redux-saga这个中间件。之前自己在做项目/练习的时候，都是用redux-thunk这个比起saga轻量很多的解决方案。 这两天正好在学习和摸索redux-saga。顺便总结一下。 redux-thunk/redux-saga 首先redux-thunk和redux-saga都是redux的中间件，目的是解决re…
React杂记
（上海·凌空SOHO） React性能优化： 性能优化老生常谈，网上的文章也一大堆，自己总结一下，也做一个记录。 1）单组件：传递参数要少传，尽可能减少React在传递参数时候的负担。当然在使用数据的时候尽可能使用一份数据，而不是重新定义一份。 在使用 函数的时候： NG： 每次执行render函数的时候bind都会执行一次 比上一个好一点，但每次执行render的时候都会重新…