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
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…
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
Nitay Neeman retweeted
Next.js 12 is out
◆ Rust compiler: 3x faster HMR & 5x faster builds
◆ AVIF support: 20% smaller images
◆ Edge Functions runtime & Middleware (beta)
◆ SSR Streaming & React Server Components (alpha)
◆ Native ESM & URL imports (alpha)
◆ Bot-aware ISR
nextjs.org/12
Nitay Neeman retweeted
Wanna see something cool? 😎 Go to "vscode.dev" and start coding with Visual Studio Code entirely in your browser. Anywhere, anytime, on any device and tablet, with no install required 🧑💻🪄
Read the announcement 👉 aka.ms/vscode-dev-blog
ALT VS Code icon next to a screenshot of the vscode.dev website showing JavaScript code in the browser
Nitay Neeman retweeted
⭐️ New Video — Playwright: Four Futuristic Features
In this talk:
🏛 Playwright unique architecture
🛠 How Playwright enables affordable CI
Live demos:
🕵️♀️ Inspector
🖼 CodeGen
🧟 Tracing
Thanks to @Applitools for hosting us!
youtube.com/watch?v=PXTspGn1…
Nitay Neeman retweeted
Are you running tests against a local development server? (e.g. React + webpack-dev-server)
Playwright Test supports `webServer` option that will launch it for you and wait until its fully up-and-running.
Read more: playwright.dev/docs/test-adv…
Nitay Neeman retweeted
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.
swr.vercel.app/blog/swr-v1
Nitay Neeman retweeted
TypeScript 4.4 is here!
Now with
✔ Smarter Control Flow Analysis
✔ Symbol & Pattern Indexers
✔ Stricter Checks
✔ Speed Improvements
✔ Inlay Hints
✔ Revamped --help
and more! Read up more on our blog! devblogs.microsoft.com/types…
ALT A preview of inlay hints in Visual Studio Code. The code instantiates a 'Color' class and gets inlay hints for the parameters.
Nitay Neeman retweeted
Playwright v1.14 is out!
⚡️ New "Strict" mode
📍 Locators API
🧩 Experimental @reactjs and @vuejs selector engines
✨ New "nth" & "visible" selector engines
✅ Web-First Assertions
⛓ describe.serial
🐾 Steps API
🌎 Web server support
Watch our overview: youtu.be/LczBDR0gOhk
Nitay Neeman retweeted
zx is a tool by Google that helps you write shell scripts in JavaScript easily ✨
That's a lifesaver given how frequently I forget Bash's syntax!
Install: `npm i -g zx` 🚀
🔗 github.com/google/zx
Nitay Neeman retweeted
📢 Announcing: *Nuxt support on StackBlitz!* 🎉
We are thrilled to have worked with @Nuxt_js to bring you *the fastest way* to start your next awesome @vuejs application – right in your browser!
Can't wait to see what you'll build with it!
stackblitz.com/fork/github/n…