TinssonTai

prettier是个代码格式化工具，格式化的时候不关心语法，只关心代码风格，看似抢了eslint的活，实则是更小而美的解决方案，本文来讲讲prettier的具体用法和环境配置...

前端开发中，经常会用到一些 CLI 工具， ts-node 转换ts文件， babel-cli 来解析ES6+语法，还有初始化SPA项目的脚手架， create-react-app 、 vue-cli 、 vite 等等，这些cli工具通过自动化脚本节约了开发者在配置 webp…

每次跳槽换了一个坑位以后就得重新安装各种环境，装个 vscode 还得弄插件，但是 vscode 插件你真的了解吗，今天我们就来聊聊平时开发中用的最多的一种插件，叫做代码片段 snippets ，还可以自己造个插件发布到应用市场。 阿强是公司优秀的前端攻城狮，清脆的机械键盘敲击…

Composition API 的设计理念就是把接口的可重复部分及其功能提取到可复用的代码段中，增加代码的可复用性、逻辑性，有点借鉴 react hooks 的意思。哪些逻辑需要封装起来进行复用就是造轮子的关键，所以还得从存量问题中寻找公共逻辑复用的方案。 这是一个经典的vue…

在 React 全面转型 Hooks 的时候，会发现 react hooks 也能简单实现 flux 数据流的逻辑，让人不禁有些激动，然后又去看了下React-Redux的官方文档，原来这事情去年就已经被包办了，React-Redux 早已全面拥抱了 Hooks ，今天就来炒一…

React Hooks 可以说是 React 新版本里比较重要的特性了，函数式组件的风格，易于管理的业务 Hooks 封装，不错的性能都是 Hooks 带来的好处。随着技术栈的更新，怎么用 TypeScript 来写 React Hooks 组件又是一个小难题，这边分享一些实战…

得益于 chrome 浏览器强大的调试能力， console.log 可谓是前端开发中解决未知问题最直接的办法，遇事不决，打个日志，简单粗暴🏈。但是在 React 项目中其实有更好的调试方案，那就是官方（脸书）出的 react devtools ，可以针对性的做一些代码的调试…

TypeScript 是JS的一个超集，主要提供了类型系统和对ES6的支持，使用 TypeScript 可以增加代码的可读性和可维护性，在 react 和 vue 社区中也越来越多人开始使用TypeScript。从最近发布的 Vue3 正式版本来看， Vue3 的源码就是用 T…

万众期待的Vue3在9月18号发布了正式版本，代号为One Piece，看过海贼的都知道One Piece是大秘宝，也就意味着这次从2.x到3.x的升级有很多的亮点和惊喜等着去发现。比如说全新的 Proxy 架构， Composition API ，对 TypeScript 的…