Senior Software Engineer. Building things with code. Writing about how things work at https://xitter.gq/t.co/XEwMlayAr3
Israel
Joined December 2016
- Tweets695
- Following431
- Followers665
- Likes1.8K
Connected a React design system (shadcn/ui+Tailwind v4+Storybook) to Claude Design with /design-sync.
The goal: Claude Design should use the design system's components instead of creating its own.
Wrote up a full guide, including a few gotchas 👇
#ClaudeDesign #DesignSystems
Most imports run their modules immediately, even when we never use them.
import defer (TC39 Stage 3, in TypeScript 5.9) lets us load & link eagerly but defer evaluation until first use, so we only pay for code that runs.
Link below 👇🏻
#TypeScript #JavaScript #WebPerformance
You add examples to a prompt and the model gives better answers. So it learned, right?
Not exactly. The weights are frozen. Context is just input the model processes using those same fixed weights.
I wrote an article explaining the full LLM pipeline👇
#AI #LLM #MachineLearning
Nitay Neeman retweeted
TypeScript tip: Use “never” to assure every case in a switch is handled.
With this example, if a case is missing, TypeScript fails to compile. 👍
#typescript
ALT type IconType = "info" | "success"; function renderIcon(type: IconType): JSX.Element { switch (type) { case "info": return <Info />; case "success": return <Success />; default: unhandledIconType(type); } } function unhandledIconType(type: never): never { throw new Error("Unknown icon: " + type); }
Nitay Neeman retweeted
TypeScript 5.0 Beta is now out to try! 🚀
Now with ES decorators, better modes for modules in Node & bundlers, new inference tools for library authors, JSDoc support - and last but not least, some great speed and size improvements!
devblogs.microsoft.com/types…
As all matter is composed of atoms, so user interfaces are eventually built from fundamental building blocks. ⚛️🧱
You're welcome to join me on August 15th in Namal Tel Aviv to understand what Design Systems are and how we maintain them at @WixEng.
#webdevelopment #frontend
Mark your calendars - Wix Developer Platform meetup #2, with @nitayneeman and @GabayNissan, is coming soon - and this time we will focus on Design Systems and Production Testing. Check out the full agenda here:
meetup.com/at-wix/events/287…
Nitay Neeman retweeted
Animate opacity and not a blur() filter.
See it in this demo:
The blur() animation has awkward viewport edge blurring. Opacity animation doesn't.
Also, the effort level (CPU or GPU usage) of the opacity animation is far less than a filter.
Win. Win.
codepen.io/argyleink/pen/eYy…
Nitay Neeman retweeted
media-queries-4 making confusing queries much simpler 😍
caniuse (Firefox only atm) caniuse.com/mdn-css_at-rules…
CSS spec w3.org/TR/mediaqueries-4/#ra…
PostCSS plugin github.com/postcss/postcss-m…
⭐️ to show Chromium you want it bugs.chromium.org/p/chromium…
Nitay Neeman retweeted
TypeScript 4.7 beta is out to try with lots of new features and improvements around type inference, narrowing analyses, ES module integration, and more!
devblogs.microsoft.com/types…
Nitay Neeman retweeted
Playwright v1.20 is out!
🎇 Disable CSS animations
🎭 Mask elements
🔎 Forgiving matching
🐎 Fully-parallel tests mode
📣 Announcements
Watch our overview:
youtu.be/6vV-XXKsrbA
Nitay Neeman retweeted
React 18 is now available on npm!
Here’s an overview of what’s new in React 18, and what it means for the future.
reactjs.org/blog/2022/03/29/…
Nitay Neeman retweeted
In case you weren't aware; Chromium browsers (Chrome, Edge), Firefox, and Safari now all support native image lazy loading.
<img loading="lazy"/>
No need for custom polyfills for major browsers anymore!
caniuse.com/loading-lazy-att…
ALT HTML image element with the loading="lazy" attribute next to the major browser icons and their supported version numbers.
Nitay Neeman retweeted
React 18 is almost ready to ship. The React 18 Working Group community feedback has led to many improvements over the last year. We don’t expect big changes now but we’d like to ask for one final round of broad public community feedback before the release. github.com/reactjs/rfcs/pull…
Nitay Neeman retweeted
TypeScript 4.5 is now available!
Read up on what's new including
- Promise Improvements with the Awaited Type
- lib Overrides in node_modules
- New JSDoc Constructs
- Snippet Completions
devblogs.microsoft.com/types…
Nitay Neeman retweeted
Angular v13 is here 🎉
#ngUpdate for built-in improvements like:
- Faster prod builds
- Enhanced component a11y
- Improved test times and debugging
- Modern Angular Package Format
Read more:
📚 goo.gle/angular-v13
Join us Friday at 10am PST:
📅 goo.gle/v13-party