22 集

AsyncTalk 是一档中文,面向对 web 开发感兴趣的朋友所录制的 Podcast 节目。
后续我们会讨论更多更为前沿,工程化的话题,感兴趣可以持续关注。

联系我们请发邮件至 async.talk@gmail.com 期待沟通。

AsyncTalk AsyncTalk

    • 科技
    • 5.0 • 3 个评分

AsyncTalk 是一档中文,面向对 web 开发感兴趣的朋友所录制的 Podcast 节目。
后续我们会讨论更多更为前沿,工程化的话题,感兴趣可以持续关注。

联系我们请发邮件至 async.talk@gmail.com 期待沟通。

    EP20 TurboPack 卷起来了

    EP20 TurboPack 卷起来了

    本期节目我们来蹭一下 Turbopack 的热点,谈了一些关于 packer 相关的变化。那么假如听众你要来做一个新的 packer,你会怎么设计呢?
    本期用了新软件剪辑,也许有很多问题,听众有问题可以直接留言或发邮件。节目内容如有错误也请帮忙纠正,非常感谢~
    邮件地址: async.talk@gmail.com
    主播
    AnnatarHe: https://annatarhe.com
    Timeline
    00:00 介绍及团队说明
    00:42 Vercel 新的发布会与 Turbo pack
    03:40 天下苦 Webpack 久矣?为什么?
    06:10 Babel 也许并不是很好的选择
    07:10 也许语言也会拖慢 Webpack
    09:30 loader 们同样的事情做了很多次
    10:10 Vite 的赢面看起来挺大,Rome, Parcel 也不错
    13:22 Webpack 由于生态和兼容,大概还是会继续统治前端构建
    15:40 假如来做一个新的 packer, 会怎么做呢?
    19:15 听众你会怎么做呢?
    相关链接
    Turbopack 的 release tweet: https://twitter.com/vercel/status/1584961746418208774
    Is Turbopack really 10x Faster than Vite? https://github.com/yyx990803/vite-vs-next-turbo-hmr/discussions/8
    https://twitter.com/ruanyf/status/1392101064866885638
    Announcing Rome v10****:**** https://rome.tools/blog/2022/11/08/rome-10/
    Parcel v2.8.0: https://parceljs.org/blog/v2-8-0/
    esbuild benchmark: https://esbuild.github.io/faq/
    SWC benchmark: https://swc.rs/docs/benchmarks
    Announcing Parcel CSS: A new CSS parser, compiler, and minifier written in Rust!: https://parceljs.org/blog/parcel-css/
    BGM by Otologic

    • 19 分钟
    EP19 上班也就图一乐,真挣钱还得卖 App (吗?)

    EP19 上班也就图一乐,真挣钱还得卖 App (吗?)

    在又一次紧张刺激的停更后,我们和 Roc 一起谈了谈 side project 与独立开发的一些事情。主要包括为什么要做独立开发,收益如何,最后再打个绩效。
    希望大家可以 happy coding~
    有任何意见建议也欢迎联系我们: async.talk@gmail.com
    名词解释
    ROI: Return on Investment 投入产出比
    RD: Research & Development 本节目中多数意为 工程师/开发/程序员
    PM: Product Manager 本期节目中特指 产品经理
    主播
    Roc: https://twitter.com/roczhang9673
    AnnatarHe: https://annatarhe.com
    Sleaf: https://twitter.com/Sleaf_
    Timeline
    00:33 Roc 与停更的说明
    01:40 独立开发一般做点儿什么 App ?
    03:20 Roc 做的一些 App
    07:50 为啥不太高兴做 Android ?
    11:20 完全不上班,靠卖 App 生活现实吗 ?
    14:30 除开资金,还会有什么其他收益 ?
    25:30 Sleaf 与 AnnatarHe 做 AsyncTalk 是怎么想的
    27:00 Roc 给自己的独立开发生活打个绩效吧
    28:00 做独立应用会有一些意想不到的 bonus
    30:40 替 Roc 做的广告
    33:00 Roc 的个人感悟
    34:20 如果你迷茫颓废了,做个 App 开心一下吧
    相关链接
    App: X Progress https://apps.apple.com/us/app/x-progress/id1359786804
    App: Mr. Weather https://apps.apple.com/us/app/mr-weather-2/id1453150372
    BGM by Otologic

    • 36 分钟
    EP18 “差生”文具多 - 软件

    EP18 “差生”文具多 - 软件

    第 18 期几位主播聊了一些关于我们自己日常用的编辑器,插件和 App。
    如果有什么好用的东西也可以评论或者留言给我们哦: async.talk@gmail.com
    主播
    AnnatarHe: https://annatarhe.com
    Sleaf: https://twitter.com/Sleaf_
    Tinko: https://space.bilibili.com/290664
    小鹿
    Timeline
    00:40 编辑器,IDE 与插件
    09:05 开发相关的一些 App 也很好用~
    18:00 Atom —— 时代的眼泪
    相关链接
    Jetbrains’ Free Educational License: https://www.jetbrains.com/community/education/#students
    Emmet: https://emmet.io/
    VS Code Remote Development: https://code.visualstudio.com/docs/remote/remote-overview
    GitLens: https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens
    rust-analyzer: https://marketplace.visualstudio.com/items?itemName=rust-lang.rust-analyzer
    AnnatarHe 的 vimrc 配置: https://github.com/AnnatarHe/vim-config
    Emacs Evil mode: https://github.com/emacs-evil/evil
    Alfred: https://www.alfredapp.com/
    uTools: https://www.u.tools/
    raycast: https://www.raycast.com/
    Xcodes.app: https://github.com/RobotsAndPencils/XcodesApp
    NetNewsWire: https://netnewswire.com/
    reeder app: https://reederapp.com/
    craft: https://www.craft.do/
    shottr: https://shottr.cc/
    TablePlus: https://tableplus.com/
    sqlectron: https://sqlectron.github.io/
    Sunsetting Atom****:**** https://github.blog/2022-06-08-sunsetting-atom/
    扩展阅读
    安裝 Xcode 的正確姿勢: https://www.notion.so/Xcode-dfbe2d934ff84b2d84e34ffceef56fe0
    weak self ep85 iOS 開發者之痛、iOS 開發者之恥 — Xcode 管理學: https://weakself.dev/episodes/85
    BGM by Otologic

    • 20 分钟
    EP17 “差生”文具多 - 开发工具

    EP17 “差生”文具多 - 开发工具

    第 17 期几位主播聊了一些关于我们自己日常用的一些 Terminal, Shell 和命令。
    如果有什么好用的东西也可以评论或者留言给我们哦: async.talk@gmail.com
    主播
    AnnatarHe: https://annatarhe.com
    Sleaf: https://twitter.com/Sleaf_
    Tinko: https://space.bilibili.com/290664
    小鹿
    Timeline
    01:17 入题:差生文具多
    01:22 Terminal
    10:18 Shell
    14:20 命令
    23:30 结语,还有下一集哦
    相关链接
    iTerm2: https://iterm2.com/
    Dracula Theme: https://draculatheme.com/
    tmux: https://github.com/tmux/tmux/wiki
    Powerline fonts: https://github.com/powerline/fonts
    Maple Mono font: https://github.com/subframe7536/Maple-font
    Warp Terminal: https://www.warp.dev/
    tldr: https://github.com/tldr-pages/tldr
    thefuck: https://github.com/nvbn/thefuck
    hyper.js: https://hyper.is/
    putty: https://www.putty.org/
    Microsoft terminal: https://github.com/microsoft/terminal
    Zsh: https://www.zsh.org/
    oh my zsh: https://ohmyz.sh/
    fish shell: https://fishshell.com/
    oh my fish: https://github.com/oh-my-fish/oh-my-fish
    ash: https://en.wikipedia.org/wiki/Almquist_shell
    nushell: https://www.nushell.sh/
    fkill: https://github.com/sindresorhus/fkill-cli
    ripgrep: https://github.com/BurntSushi/ripgrep
    jq: https://stedolan.github.io/jq/
    httpie: https://httpie.io/
    fzf: https://github.com/junegunn/fzf
    ag: https://github.com/ggreer/the_silver_searcher
    bat: https://github.com/sharkdp/bat
    delta: https://github.com/dandavison/delta
    diff-so-fancy: https://github.com/so-fancy/diff-so-fancy
    beyond compare: https://www.scootersoftware.com/
    zx: https://github.com/google/zx
    BGM by Otologic

    • 23 分钟
    EP16 定宽容器长文本缩放

    EP16 定宽容器长文本缩放

    本期从一个问题开始
    如何在一个定宽 div 中展示一个可能会略长一些的文本
    在探索方案的同时,我们也聊了一些关于如何提问可以更有效地获取答案的方式。
    有任何问题可以邮件或评论区联系: async.talk@gamil.com
    主播
    AnnatarHe: https://annatarhe.com
    Tinko: https://space.bilibili.com/290664
    Sleaf: https://twitter.com/Sleaf_
    小鹿
    Timeline
    01:00 问题起因,如何在定宽文本中放入文本
    08:00 质疑需求
    16:16 提问的智慧
    相关链接
    Letter spacing: https://developer.mozilla.org/en-US/docs/Web/CSS/letter-spacing
    Marquee tag: https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/marquee
    html2canvas: https://www.npmjs.com/package/html2canvas
    Canvas.fillText: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/fillText
    录播软件 OBS: https://obsproject.com/
    提问的智慧: https://github.com/ryanhanwu/How-To-Ask-Questions-The-Smart-Way/blob/main/README-zh_CN.md
    BGM by Otologic

    • 23 分钟
    EP15 前端的状态管理

    EP15 前端的状态管理

    这一期我们一起看一些前端状态管理的方案,从 window.store 到 Flux 的变化,双向绑定与单向数据流又是怎样的妥协与融合,从客户端手动管理到 type based cache 的发展又有怎样的经历。
    有任何想法欢迎邮件联系: async.talk@gmail.com
    主播
    AnnatarHe: https://annatarhe.com
    Tinko: https://space.bilibili.com/290664
    Sleaf: https://twitter.com/Sleaf_
    小鹿
    Timeline
    02:05 全局状态的用处
    04:00 全局状态管理的进化
    05:33 Flux 的新时代
    07:45 this.$store.x = 1 违背了 Flux 原则吗?
    10:20 双向绑定是不是一个错误的方向
    12:28 新方案 Pinia 与 Recoil
    17:19 没有 store 的全局状态管理怎么样呢?
    22:18 状态机?
    相关链接
    IIFE: https://developer.mozilla.org/en-US/docs/Glossary/IIFE
    Flux:https://juejin.cn/post/6844904054921887758
    Redux: https://redux.js.org/
    Vuex: https://vuex.vuejs.org/
    Mobx: https://mobx.js.org/README.html
    Recoil: https://recoiljs.org/
    Pinia: https://pinia.vuejs.org/
    useSWR: https://swr.vercel.app/
    GraphQL: https://graphql.org/
    Apollo Cache: https://www.apollographql.com/docs/react/caching/overview
    BGM by Otologic

    • 25 分钟

用户评论

5.0(满分 5 分)
3 个评分

3 个评分

ppppats66666

五星好评

应该是全网最好的前端技术播客了吧

你可能还喜欢

黄海、Rio
DAO
声动活泼
泓君Jane
商业就是这样
爱否科技