Jiachi @huozhi Twitter profile

Last Seen Profiles

@xvictorcom

@ranaashutosh10

@LivnDeadGrl87

@002I

@AishaCzyze65303

@SyahidsaHoarder

@CCupo

@mybabatweets

@DevOliRBX

@axalio

@saii_music

@nan2000web

@govochto

@TSwanyIRL

@hueynewton00

@AmeRoseVtube

@adandar786

@snowlopy

@Autie_Radig

@AngeliqueBoyerA

@Talawanda_Hoops

@Bgslovelyfan

@BallinoraGAA

@tatssus

@ArmaanNagra4

@miawills1998

@pdrmrss

@Thomas_Rando

@wczay007

@deu_flotilla2

@yasubaske8

@adrirodriguez8

@Penkai77

@_Bravo2002

@villovil_v79719

@DolbyIn

Jiachi

@huozhi

1 year

SWR subscription is on the way ✨

12

43

560

Jiachi

@huozhi

3 years

By replacing ts-jest with swc-node/jest for swr's jest preset, the testing speed is even doubled on my mac m1 🤯🤯 Amazing speed of rust and kudos to @Brooooook_lyn for leveraging @swc_rs to create this awesom library!

9

78

479

Jiachi

@huozhi

1 year

SWR 2.0.1 is out! 🎉 Addressing the improve the type inferring issues, SWR now can conditionally type the returned values properly based on the configs. Join the party for better typing experience with SWR v2! Checkout our relase note for more info

5

29

234

Jiachi

@huozhi

3 months

Hydration error diff view is getting better day by day

12

9

175

Jiachi

@huozhi

9 months

Why not playing with syntax highlighter lively? We're using `sugar-high` in for code highlighting. Built with minimalism: ⚡️ Streamlined API 🛠️ Supports JSX 🔥 Error Free Try it out with a syntax theme customizable editor on

3

17

163

Jiachi

@huozhi

1 year

Announcing SWR 2.1.0: ◆ New useSWRSubscription hook ◆ New parallel fetching mode for useSWRInfinite ◆ TypeScript support improvements

Release v2.1.0 · vercel/swr

Feature Subscription mode by @huozhi in #1263 parallel option for useSWRInfinite by @koba04 in #2404 Checkout subscription docs and useSWRInfinite parallel fetching docs for more details Patches ...

github.com

4

8

123

Jiachi

@huozhi

4 months

I'm working on improving the errors DX of @nextjs , feel free to reach out if you encounter any unclear warnings or errors. I'd love to dig into them and save you time of development.

20

12

111

Jiachi

@huozhi

2 years

Today, ◆ is my 1st year anniversary at vercel 🎉 ◆ is also the day I got my 1st sponsor on github 🎊 ◆ is also children's day🎈

7

0

111

Jiachi

@huozhi

2 years

北京 38 度：我还能出门；柏林 30 度：我活不了了。

5

3

97

Jiachi

@huozhi

3 months

Can't beat @rauchg on tweeting even on my own demo! There will be more amazing improvements coming after, stay tuned!⚡️ Community, feel free to test out @nextjs canary and LMK what we can improve for you🖤

Guillermo Rauch

@rauchg

3 months

Hydration error diffs have been achieved internally at demo day 😁 Coming to your @nextjs soon

108

138

2K

7

3

106

Jiachi

@huozhi

2 months

After shipped few enhancements in Next.js 14.2, I'd like to discuss a few of them briefly. ◆ Hydration Diff View ◆ Client components tree shaking ◆ Resolve FOUC for CSS with `next/dynamic` Check the blog for more:

Next.js 14.2

Next.js 14.2 includes development, production, and caching improvements. Including new configuration options, 99% Turbopack tests passing, and more.

nextjs.org

2

4

97

Jiachi

@huozhi

6 years

找到一个修 ubuntu 奇怪问题的方法，找到看不懂的论坛后，搜索 thanks…然后找被 thanks 的人的回答………

7

44

92

Jiachi

@huozhi

3 years

First time of learning rust - port my node CLI for calculating javascript code compressed size to rust with swc minifier: Here's the amazing diff: Doing minification + gzip for a 44KB js file in 0.04s ⚡️

3

5

84

Jiachi

@huozhi

3 years

The 9999th commit on next.js canary branch! I caught it! 🥳

2

1

51

Jiachi

@huozhi

6 months

📦bunchee v4 is out ◆ Better ESM/CJS compatibility support ◆ Support `bin` field convention ◆ Improved directive plugin ◆ Rollup v4 integration

Release v4.0.0 · huozhi/bunchee

V4 🎉 Finally we're happily annoucing bunchee v4 release! We're leveraging rollup v4, introduced few features for package bundling and few improvements! Features feat: esm shims by @thecuvi...

github.com

2

5

45

Jiachi

@huozhi

1 year

Bunch of fixes are rolled out in Next.js 13.3.1 A round of bug chasing, a round of polishing

Release v13.3.1 · vercel/next.js

Core Changes Fix query normalize on edge deploy: #48045 Change metadata routes suffix to number and chars: #48026 fix: show error when "next start" is used with "output" config...

github.com

1

6

45

Jiachi

@huozhi

2 years

Line number is coming to sugar-high!

1

3

44

Jiachi

@huozhi

9 months

Spend some time to polish sugar-high, v0.5 comes out with more accurate syntax highlighting. I put a new live editor with inspect mode to visualize which tokens are being highlighted in what type.

4

5

44

Jiachi

@huozhi

11 days

Making it easier to copy stack traces in Next.js🔧

1

44

Jiachi

@huozhi

2 years

Incoming v2 release for zero config bundler bunchee: ⚡️ Use blazing fast SWC for compliation 🧠 Smart building for multiple exports 🤖 Flexible ECMAScript version target 🚥 Better logging for thrown errors 🔨 Also few small bug fixes Checkout

Release v2.0.0-beta.4 · huozhi/bunchee

What's New 😍 This is an exicting release! Few amazing features and improvements are here for you to checkout 👀 BREAKING Change rename --target to --runtime #107 If you were using --target optio...

github.com

1

7

41

Jiachi

@huozhi

2 years

Crafting a super lightweight js syntax highliter...

1

0

41

Jiachi

@huozhi

2 years

Weekend project - redesign @styfle 's avatar

5

1

41

Jiachi

@huozhi

1 year

Introduces a new React component <DevJar /> in devjar 0.3 to embed a live code sample! Just 2~3 lines to create your own real-time react code showcase! 🚀⚡️👨‍💻 #devjar #react #livecode

2

5

39

Jiachi

@huozhi

5 months

Developer: Hey checkout this code, it’s brilliant Rest of us: What color scheme you’re using in the editor?

4

1

39

Jiachi

@huozhi

3 months

Approved ⏶

1

0

38

Jiachi

@huozhi

2 years

It’s not only a major release but also a brand new innovation for web development. 🧠 Rethink in the way of server components; 🔥 Leverage the benefits of layouts; ⚡️ Sit on the blazing fast tooling support; Embrace the future 😌

Vercel

@vercel

2 years

Next.js 13 ◆ Layouts ◆ React Server Components w/ Streaming ◆ Component-based Data Fetching & Caching ◆ Turbopack: the Rust-based Webpack successor ◆ Improved `next/image` ◆ @next /font

42

446

2K

0

5

36

Jiachi

@huozhi

1 year

10 years on github. Thank you open source and community, Iearned tons 💚

0

36

Jiachi

@huozhi

24 days

Wanna checkout the React Compiler with Next.js? Just run this command in your terminal!

1

11

34

Jiachi

@huozhi

7 months

Thanks community for the support! sugar-high is now over 300 stars 🌟💛

Sugar High

Super lightweight JSX syntax highlighter, around 1KB after minified and gzipped

sugar-high.vercel.app

0

1

33

Jiachi

@huozhi

1 year

😃...

2

0

32

Jiachi

@huozhi

2 years

It's been a great journey to work with these such intelligent engineers on Server Components, and ship it with Layouts in Next.js 13. Certainty not a easy start but I saw the unlimited future from it. Evolution is never late 🖤

Shu

@shuding_

2 years

One year ago, I switched to the Next.js team to work on React 18 and React Server Components support with @huozhi . Happy to see them landed and running as the core of Next.js 13 to empower some of these incredible new features.

4

7

159

2

1

32

Jiachi

@huozhi

1 year

Love firebase? Why not! Stay tuned 😉

3

31

Jiachi

@huozhi

2 months

2

0

30

Jiachi

@huozhi

1 year

☀️GM, got a few improvements into bunchee 3.3.x over the weekend Now bunchee detects exports field smarter, and also more export condition fields for new standard like "react-server" for RSC and "edge-light" for edge runtime are handled now ✅

GitHub - huozhi/bunchee: Zero config bundler for ECMAScript and TypeScript packages

Zero config bundler for ECMAScript and TypeScript packages - huozhi/bunchee

github.com

1

29

Jiachi

@huozhi

5 months

Goal for 2024: meet more people, specially tech people, build more stuffs in public and share them more. I heard sth great from @javivelasco tonight which is: you’re a programmer, sharp the tools you’re using that you used for living, so fking hyped now. Vamos

5

0

29

Jiachi

@huozhi

25 days

React Float is one of the most exciting feature in React 19, we have been dogfooding that around a year with app router in Next.js, especially with the Metadata API. It really simplifies the resources loading model and it has a lot more potentials 📈

Andrew Clark

@acdlite

28 days

Pretty excited for @joshcstory ’s React Conf talk on out-of-order streaming support for HTML resources (stylesheets, meta tags, etc). It’s one of those things that works so well, but mostly behind the scenes, that in a few months everyone will totally it take for granted.

3

0

86

0

1

29

Jiachi

@huozhi

2 months

🥇The MVP: The Hydration Error Diff View We're revamping the error overlay to support visualizing various hydration error diff, it could be the server & client mismatch, or bad html nesting that could break html semantic, any hydration errors react raised. There're also

1

4

29

Jiachi

@huozhi

1 year

Couldn’t find any picture without a hat…

1

0

28

Jiachi

@huozhi

9 months

📦 bunchee 3.9.x supports bundling CSS imports

1

2

28

Jiachi

@huozhi

18 days

The big thing is coming! `pnpm add next @rc `

Next.js

@nextjs

18 days

Next.js 15 RC ◆ React 19 + React Compiler support ◆ `fetch` and Route Handlers no longer cached by default ◆ Incrementally adopt Partial Prerendering ◆ New `create-next-app` design ◆ next/after (Experimental)

90

699

3K

2

0

28

Jiachi

@huozhi

2 months

Remove the client directive in the barrel file, move it to each leaf client component, get better optimization.

4

0

27

Jiachi

@huozhi

8 months

🫡

0

27

Jiachi

@huozhi

18 days

@nextjs 15 RC now shows detailed hydration diff of @reactjs components in the error overlay ☄️

0

3

27

Jiachi

@huozhi

2 years

😍🎄🎁

0

27

Jiachi

@huozhi

8 days

Time flies! 🎈🎈🎈

Jiachi

@huozhi

2 years

Today, ◆ is my 1st year anniversary at vercel 🎉 ◆ is also the day I got my 1st sponsor on github 🎊 ◆ is also children's day🎈

7

0

111

0

27

Jiachi

@huozhi

5 months

Love this release, we fixed a lot instead of shipped a tons of new things. Some improvements I shipped there you might be interested with: ✅ Improved error traces in dev overlay ✅ Use Next.js in ESM package available ✅ Better logging with fetch cache and build Upgrade

Next.js

@nextjs

5 months

Next.js 14.1 ◆ Improved Self-Hosting: New docs and custom cache handler ◆ Turbopack Improvements: 5,600 tests passing for next dev --turbo ◆ DX Improvements: Improved error messages ◆ Parallel & Intercepted Routes: 20 bug fixes ◆ And more!

62

307

2K

1

0

27

Jiachi

@huozhi

11 months

Folks, there’re a lot perf updates ⚡️We heard your voice, we’re polishing it to be faster

Next.js

@nextjs

11 months

Next.js 13.4.8 includes improvements for compiler performance and various bug fixes. On Vercel.com, this led to 1.5x faster local server startup and 54% faster updates when making changes (HMR / React Fast Refresh). Here are the changes we've made to improve performance ↓ ◆

104

231

2K

0

1

27

Jiachi

@huozhi

3 years

Tiny design improvement on my 404 page: ◆ redesign it as commands in terminal ◆ press enter to get back to home page

1

0

25

Jiachi

@huozhi

1 year

SWR is trying to cover more cases for ways of manipulating data: reading and writing, and writing in pretty declarative way. v2 provides more ways to fit more scenarios such as setting preloaded data and posting data to remote.

Vercel

@vercel

2 years

Announcing SWR 2.0: ◆ New useSWRMutation hook ◆ Enhanced mutation and optimistic UI capabilities ◆ SWR DevTools ◆ Preload resource ◆ Improved React 18 support And more!

22

156

821

2

3

25

Jiachi

@huozhi

4 months

If you want to declare a value as constant with type checking in editor but the code is not typescript yet. 😌Using TSDoc constant type comment is such a relief

0

1

25

Jiachi

@huozhi

2 years

Thanks for @basementstudio for the new cap, definitely a dope one 🖤 Photos by @padmaia , and with @dcarter_js on the dance floor🕺 #nextjsconf #postconf

7

1

23

Jiachi

@huozhi

1 year

Who else?

4

2

23

Jiachi

@huozhi

10 months

Thanks for following my open source work, reached 1k followers on github today

1

0

23

Jiachi

@huozhi

2 years

It's summer, changing to new a hat

2

0

22

Jiachi

@huozhi

1 year

Extracting the editor component...⌛️

0

22

Jiachi

@huozhi

5 months

📦bunchee 4.3 is out (weekend shipping 🚀) ◆ Auto CJS/ESM configuration command ◆ Prettier output logging Details:

0

22

Jiachi

@huozhi

2 months

Powered by `bunchee` !!! 📦 pnpm add -D bunchee package.json script "build": "bunchee"

Shu

@shuding_

2 months

Easy-to-use CSS View Transitions API helpers for Next.js App Router:

28

120

1K

1

0

22

Jiachi

@huozhi

3 months

😂 Devs in non-JS world cannot comprehend: - `import` in .cjs - `require` in .mjs - mixing `import` and `require` in .js

2

1

20

Jiachi

@huozhi

1 year

Introducing bunchee v3.0🚀the zero-config bundler ◆ Inline env variables ◆ Enhanced external bundling flexibility ◆ Shorter command and new convention ◆ Validate build assets with exports config Check release notes for more improvements👇

0

1

21

Jiachi

@huozhi

2 years

🎉 Birth of devjar - A super tiny playground for your ESM js code. ◆ Wanna have live code for your code examples? ◆ Wanna display execution result of code snippets? ◆ Have picky taste for live-coding lib bundle size? npm i -S devjar

GitHub - huozhi/devjar: live code runtime for your react project in browser

live code runtime for your react project in browser - huozhi/devjar

github.com

0

1

21

Jiachi

@huozhi

10 months

☎️ Me talking to grandpa 👴: what did you eat for dinner 👦: made some pasta 👴: westernized 👦: what did you have for breakfast 👴: I made cheese burger 👦: ay typical traditional Chinese breakfast

2

0

21

Jiachi

@huozhi

9 months

Working with @almonk is so cool - "I got a design prototype of Next.js logging" - "looks awesome, how did you make the animation?" - "I code it" 🤯💅

Alasdair Monk

@almonk

9 months

we heard the feedback – in the latest @nextjs release, i worked with @huozhi on massively simplifying, clarifying and beautifying the console output for development

9

5

148

1

0

21

Jiachi

@huozhi

2 months

Played with it a bit: This positioning overlay demo is built Popover API and using React 19 `ref` prop.

Jiachi

@huozhi

2 months

@acdlite Going to bump one of my library’s peer dependency of react to above 19 just for getting rid of forwardRef

0

11

1

0

20

Jiachi

@huozhi

9 months

A 10s clip of logging with `next dev` and `next build` command in @nextjs 13.5

2

1

20

Jiachi

@huozhi

1 year

Brand new SEO support with Metadata API, check it out! Would love to hear your feedbacks! Wanna have hints while developing? Try it with TypeScript 🔥

Vercel

@vercel

1 year

Next.js 13.2 ◆ Built-in SEO with Metadata API ◆ Route Handlers ◆ MDX for Server Components ◆ Rust MDX Parser ◆ Statically Typed Links ◆ Next.js Cache ◆ Turbopack Improvements

53

398

2K

1

0

20

Jiachi

@huozhi

1 month

5 years ago, having "expertise at Webpack" on a resume was considered a big plus. Looking ahead another 5 years from now, I imagine we'll start seeing more and more saying "expertise at Turbopack"

2

0

20

Jiachi

@huozhi

9 months

Going to attend @Nextjs Conf and I'm open to discuss everything about Next.js, come to say hi and lets grab a drink together 😎

Join huozhi at Next.js Conf

Oct 26, 10am PT.

nextjs.org

1

0

20

Jiachi

@huozhi

7 months

Now with Next.js 14, you only need to write one line 😌

Guillermo Rauch

@rauchg

7 months

@jamesqquick I don’t love it but I remember not finding a good solution to it with @huozhi @timneutkens Basically you need to include the base domain name. For I went with this which I’m not super confident in

6

0

21

1

0

20

Jiachi

@huozhi

9 months

@rauchg 💅

1

0

17

Jiachi

@huozhi

4 months

🍬Sugar-high 0.6.0 is out!🍬 It supports two new type `entity` and `property` which are used for highlighting js JSX tag and prop names, also JS properties. Line highlight was supported already, examples are added to the docs! Come and upgrade!

1

19

Jiachi

@huozhi

8 days

Found this random question tweet from 4 years ago while searching the others, the only two people who replied to it are working with me together now. Can’t believe it, such magical🧙

Jiachi

@huozhi

4 years

Is there any way to keep a state inside a react hook, but can still share the state among some components if I don’t use context?

2

0

2

0

19

Jiachi

@huozhi

2 years

I am a helper.js, if you need help, call me

3

0

19

Jiachi

@huozhi

11 months

Bugs: -nan

0

19

Jiachi

@huozhi

4 months

Btw it’s using bunchee as bundler 😍

Emil Kowalski

@emilkowalski_

4 months

I released Sonner exactly one year ago. It now has more than 300,000 weekly npm downloads, which is a crazy number to me. Thank you for using it!

23

8

458

0

19

Jiachi

@huozhi

4 months

Duolingo designers are genius

0

2

19

Jiachi

@huozhi

1 year

🐰

1

19

Jiachi

@huozhi

8 months

Flying back to Berlin, passing by krankfurt, das furt ist sehr krank 🌧️ I miss New York and SF (expect the prices there) so much, mostly the Chinese restaurant

4

0

19

Jiachi

@huozhi

6 days

“==” becomes a such common concept for programmers and I keep using it in daily texting everywhere that confused family and friends who don’t code. It’s getting worse when I accidentally use “===”

3

1

19

Jiachi

@huozhi

2 years

1.1.1 💬1 ✅ 1min ago 🕔111 commits

0

19

Jiachi

@huozhi

1 year

Free 560GB disk space by running `yarn cache clean`🪐

1

0

19

Jiachi

@huozhi

7 days

We heard the feedback on migration pain of sitemap that during v15 RC release. I'm working on a PR to improve the Next.js Metadata image and sitemap routes. This will improve static generation and output consistent sitemap url with .xml Details in

Separate multiple dynamic metadata routes into new convention by huozhi · Pull Request #66477 ·...

What Introduce new convention for metadata image and sitemap routes that generate multiple sub routes. Dynamic image routes with generateImageMetadata() and sitemap routes with generateSitemaps() r...

github.com

1

18

Jiachi

@huozhi

3 years

🇨🇳Last week in Beijing, farewell to everything. You won't miss the city itself but all the people and stories.

3

0

18

Jiachi

@huozhi

2 years

👨‍🍳

2

0

17

Jiachi

@huozhi

1 year

A range of stunning features, improvements and fixes for Metadata API are shipped with this release, check out the blog for more details! 🚀

Vercel

@vercel

1 year

Next.js 13.3 ◆ File-Based Metadata API ◆ Dynamic Open Graph Images ◆ Static Export for App Router ◆ Parallel Routes and Interception

44

299

1K

1

0

17

Jiachi

@huozhi

1 year

Do you know there's a trick to write generated code more elegantly without unexpected new line breakers with string template? #javascript

1

0

17

Jiachi

@huozhi

4 months

Sometimes I hate the refreshing of the feed. I saw sth when I opened the app, it suddenly disappeared due to refresh. Then I went to search the person based on my memory of the peaking on the avatar…

1

17

Jiachi

@huozhi

3 years

Hi community, I’m looking for a freelancer frontend position. based in China now and profiles are listed in Timezones are flexible, DMs are open

Huozhi

Actually a chef

huozhi.im

0

2

17

Jiachi

@huozhi

2 years

☎️Me: Hi grandpa, I’m getting used to having food in the cold wind now after few months here ☎️Grandpa: Amazing! Are you homeless now?

1

0

17

Jiachi

@huozhi

8 months

@julianbenegas8 1:1, we will finish the final round one day ☀️🎱

2

1

17

Jiachi

@huozhi

2 months

CSS imports in `next/dynamic` could cause flash of unstyled content, and apply the styles later soon after dynamic load components mounted. I fixed this critical FOUC problem along tweaking solution with @joshcstory . Now you're good to go 🚀

1

0

16

Jiachi

@huozhi

2 years

▲ Counting down the timer⏳See y'all there

1

0

16

Jiachi

@huozhi

1 year

Flushed a bunche of improvements, and made the 1st step to support server components 🚀

SWR

@useswr

1 year

Announcing SWR 2.2.0! ◆ Improved stability ◆ Improved TS support ◆ Key serialization APIs in React Server Components

0

4

27

1

0

16

Jiachi

@huozhi

1 year

🔥🔥🔥

Vercel

@vercel

1 year

Next.js 13.4 ◆ App Router (Stable) ◆ Turbopack (Beta) ◆ Server Actions (Alpha)

85

662

3K

0

16

Jiachi

@huozhi

3 years

🤯🤯🤯

Vercel

@vercel

3 years

Announcing SWR 1.0: ◆ 41% smaller core, 52% smaller installation size ◆ Improved SSR and SSG Features ◆ Immutable Mode ◆ Middleware ◆ Custom Cache Provider With SWR, components stream data updates automatically, granting a fast & reactive UI.

18

337

2K

1

0

16

Jiachi

@huozhi

3 years

🔴🟠🟢

0

15

Jiachi

@huozhi

2 years

styled-jsx v5.0.0 is released

Release v5.0.0 · vercel/styled-jsx

5.0.0 (2022-01-20) Features Introduce contextual styles (#744) Opt-in react 18 insertion effect hook when available (#753) Fallback to module level registry in browser (#768) Improvements Make J...

github.com

2

0

15

Jiachi

@huozhi

3 months

bunchee v5.0 is out on npm 🚀 still fresh - Shared modules for code splitting - Faster and less memory consuming