Neo Nie (@_neonie) header
Neo Nie (@_neonie) profile picture

Neo Nie

@_neonie

🚧 🎨 ⚛️ Building Design System

 London
github.com/nihgwu
Joined September 2014
  • Tweets169
  • Following41
  • Followers62
15Media
Photo by Neo Nie (@_neonie)Photo by Neo Nie (@_neonie)Photo by Neo Nie (@_neonie)Photo by Neo Nie (@_neonie)Photo by Neo Nie (@_neonie)Photo by Neo Nie (@_neonie)Photo by Neo Nie (@_neonie)Photo by Neo Nie (@_neonie)Photo by Neo Nie (@_neonie)Photo by Neo Nie (@_neonie)
react-runner v1.0.0 released, a modern alternative to react-live, a lightweight alternative to Sandpack for React github.com/nihgwu/react-runn…
GitHub - nihgwu/react-runner: Run your React code on the go

GitHub - nihgwu/react-runner: Run your React code on the go

Run your React code on the go. Contribute to nihgwu/react-runner development by creating an account on GitHub.

github.com
3
8
32
By the end of 2024, you’ll likely never need these APIs again: • useMemo, useCallback, memo → React Compiler • forwardRef → ref is a prop • React.lazy → RSC, promise-as-child • useContext → use(Context) • throw promise → use(promise) • <Context.Provider> → <Context>
123
815
229
4,503
623,463
Got a inspiring comment on my React Slots RFC, though I'm still super pessimistic, React has been so hard for ui library authors 😢
Image from Neo Nie (@_neonie)
137
Naming rule: Case acronyms as words. 🚫 getURLParam ✅ getUrlParam 🚫 parseHTTPRequest ✅ parseHttpRequest The second one is easier to read because it’s easier to see the words. This is especially obvious with repeated acronyms: 🚫 parseRESTAPIURL ✅ parseRestApiUrl
46
84
15
949
108,184
Neo Nie retweeted
Haz (@diegohaz) profile picture
Haz
@diegohaz16 Jun 2023
Virtualization on composite widgets: → The first and last items are always rendered so you can loop and jump to them. → The focused item is always rendered so you don't lose focus when scrolling.
3
2
1
38
4,898
Introducing Relano ✨ - Create beautiful "What's new" videos and automate your OSS project's social media! What does it do: 🧵 Video automatically created using Relano 👇🏼
11
14
7
164
28,310
Wrote down a few details that make a good web interface. Mostly generic, somewhat opinionated. rauno.me/interfaces
Web Interface Guidelines

Web Interface Guidelines

A non-exhaustive list of details that make a good web interface.

interfaces.rauno.me
38
159
18
1,414
178,080
I’ve been working on a new React-like framework in my spare time. It’s fully compiler driven, there’s no virtual DOM, or component re-rendering. There are signals, but they’re never exposed to the developer and they’re also fully compiled to avoid any runtime lookups. And…
54
46
17
1,020
387,415
Migrated a Design System website from Docusaurus to Nextra, the biggest reason is SSR in dev, so we can spot SSR issues earlier, made it work by migrating MDX1 -> MDX2, Live Code and navigation. Docusaurus is awesome and much more flexible, but can I have SSR in dev?
91
Watch this talk given by @_neonie to learn what is Slots and what does it mean to the React ecosystem, what's the current state and the future. portal.gitnation.org/content…
2
6
846
Neo Nie retweeted
MUI (@MUI_hq) profile picture
MUI@MUI_hq9 Nov 2022
Thank you @_neonie for the help on this docs feature! It's powered by github.com/nihgwu/react-runn… and github.com/react-simple-code… by @satya164.
GitHub - nihgwu/react-runner: Run your React code on the go

GitHub - nihgwu/react-runner: Run your React code on the go

Run your React code on the go. Contribute to nihgwu/react-runner development by creating an account on GitHub.

github.com
3
16
Design Systems are important for every designer to maintain consistency and usability. Here are 9 Design systems every designer should know Thread🧵 #UIUXDesigner #uiux
Image from Chukwuebuka O. (@ChukwuebukasPad)
18
140
4
567
TypeScript is still a mystery for me, spent hours to fix a weird type inferring issue that affected by it's surroundings, and turned out to be a one-line fix
2
So you can use `use` and `cache` with Next.js 13 today 🤯
Next.js 13

ALT Next.js 13

1
How does useEffect work? It doesn't 😅 @DavidKPiano is killing it #ReactAdvanced
Image from Daniele Bertella (@_denb)
1
3
25
😀 #ReactAdvanced
Image from Neo Nie (@_neonie)
4
Nice talk, providing QR for each link #ReactAdvanced
Image from Neo Nie (@_neonie)
1
4
#ReactAdvanced 🙋‍♂️
Image from Neo Nie (@_neonie)
1
7
.@_neonie is a Web Software Engineer working on Design Systems at Revolut, passionate about Web Development, Frontend Frameworks, and Design Systems. Dive deep into #ReactJS this October at #ReactAdvanced!

2
2
How could it happen 😉
Image from Neo Nie (@_neonie)
1
Replying to @diegohaz
Yeah I can see ByTitle having some other semantic implications that are hard to cover by ByRole. ByLabelText for password fields. ByText for e.g. listitems. ByAltText(name) should really not exist in a browser though. It's more robust as ByRole('img', { name }).
1
4
Load more