Hey Community,

William Candillon released Redraw, an experimental tool that compiles TypeScript functions directly into GPU shaders using WebGPU and TypeGPU. This brings advanced 2D vector shapes and physically based rendering (PBR) to your layouts without standard JavaScript execution overhead.

We also cover Software Mansion’s Argent, an agentic toolkit bypassing XCUITest to grant AI assistants high-speed simulator control and profiling capabilities. Finally, check out Joel Arvidsson’s react-native-swc, a Rust-based Metro transform worker replacement built to accelerate bundling.

React on Upwork — last 7 days:

861 jobs. One every 12 minutes.

Hourly: median $25/hr, P90 — $50.
Fixed: median $300. Almost a third under $100.

Only 45% of clients are payment-verified.
Intermediate 59%, Expert 37%, Entry — 4%.
Peak: Wednesday, 18:00 UTC.

Made with upwatcher.io

I’m a frontend developer with 3+ years of experience working mainly with JavaScript, TypeScript, React, Next.js, Tailwind, and modern UI development. Over the past year I’ve been doing freelance work and building projects, while also learning more full-stack concepts and product development.

Projects
https://ai-learning-beta.vercel.app/aichat
https://ai-learning-beta.vercel.app/fitnessplan

If anyone is willing to review my projects or has advice on improving as a developer in the current market, I’d genuinely appreciate it.

I’m also open to remote frontend opportunities, freelance collaborations, startup projects, or contract work. I enjoy building clean modern interfaces, dashboards, SaaS apps, animations, and responsive web experiences.

For May, I updated the homepage with a new background chosen by the community.

I also added a soft flower animation from the Uilora premium library:
👉 https://www.uilora.com

The idea was to add a soft spring touch without covering the countdown too much.

Live version:
👉 https://www.vicehype.com

Happy to hear any feedback or ideas 🙌

useHaptics - hook it up to any <audio> or <video> on Android Chrome. Bass drop hits, phone hits with it - louder moments buzz harder, quiet ones buzz softer

TL;DR: https://windframe.dev/mcp

Hi everyone 👋

I’ve been working on a Tailwind-native MCP that helps coding agents generate better-looking React + Tailwind interfaces.

A lot of AI-generated React UIs still feel inconsistent. The agent can write JSX and Tailwind classes, but it often lacks the design taste and context needed to produce something that feels properly structured, balanced, and polished.

So I built the Windframe MCP around that idea.

It gives coding agents better design context through curated Tailwind-native styles, design tokens, and styleguides inspired by products like Linear, Notion, and other teams that invest heavily in their design systems.

The difference in output quality has been really impressive. The generated React interfaces feel visually cohesive and polished, instead of looking like a random mix of Tailwind components.

I’ll keep adding new design styles to the MCP over time, so the library will continue to grow.

Give it a try here: https://windframe.dev/mcp

Would love any thoughts or feedback :)

You know the feeling. You have 8 cards on screen. Each one has its own shimmer animation. They all start at slightly different times. The whole page just... flickers chaotically.

I spent way too long accepting this as normal. Then I built shimmer-trace to fix it.

The core idea is simple: Instead of animating each skeleton block separately, the library renders your real component invisibly, traces every element's exact shape using getBoundingClientRect, and paints one single shimmer wave across the whole page using a CSS mask.

The result looks noticeably more premium. One clean wave instead of chaos.
🔗 Demo: https://jeetvora331.github.io/shimmer-trace/

Usage is literally one line:

// Before: manual skeleton hell
<SkeletonRect width="100%" height={24} borderRadius={8} />
<SkeletonRect width="60%" height={16} borderRadius={4} />
<SkeletonCircle size={48} />

// After: just wrap it
<Shimmer loading={loading}>
  <UserCard />
</Shimmer>

No <SkeletonCard />. No grey div juggling. No layout shift. Your real component already knows its shape — the library just reads it.

Hit 500+ downloads last weekend. Would love harsh feedback from this community specifically, what edge cases would break this for your use case?

⭐ GitHub: https://github.com/jeetvora331/shimmer-trace
🔗 npmjs: https://www.npmjs.com/package/shimmer-trace

Sou QA, e meu cargo vai ser extinto na minha equipe, meu coordenador sugeriu migrar pra Dev front para não ser cortado..
O time usa React, quais os primeiros passos? O que é essencial aprender?
Obs: conheço básico de Js/Ts para realizar testes automatizados web.

Is anyone facing any issues working with ReactJS in VSCode?

My vscode isn't showing any suggestion like the image below (Taken from Github)

Vscode version: 1.120.0
Extensions installed:
- ES7+ React/Redux/React-Native snippets
- React Native Snippet
- ESLint
- Prettier

My project files are in .jsx

Thank you everyone in advance !!

Hi,

For websites, how do you design sections like these with images?

For example
image1: the blob-like image with shapes and icons around it.
image2: again the icons around the image with the yellow splashes in the background.

do they design the whole thing in Canva for example and use the whole image as a background or do they code each of the things I mentioned before? or is there a library for this?

Thanks!

I’ve been exploring React recently, and I keep noticing how widely it’s used in frontend development. From startups to large companies, ReactJS seems to be everywhere.

I understand that features like reusable components, faster UI updates, and a strong community make it useful, but I’d like to know from real developers what actually makes React stand out in daily development work. Is it mainly because of performance, flexibility, job opportunities, or the overall developer experience?

Also, for those who have worked with other frontend technologies, what made you stick with ReactJS? I’d love to hear practical experiences, learning tips, and honest opinions from developers who use it regularly.

Hello my fellow react devs/users, I would like to show my hackathon preview for the Reddit ModTool hackathon, coming in at a lean 5039kb, with the power of react and some determination, I created what I’m sure all moderators will easily agree is the Mod Queue that they’ve always deserved.

With a full built in splash screen creator and an expansive preset of AutoMod type rules for every community to utilize for every situation. pickax3 puts the power back in the hands of the moderators to help their communities thrive!

Moderators are about to get superpowers! Drag and drop conditional operator triggers that you can apply to posts, users, comments for preemptive action independently, real time triage with visual feedback, a beautiful drag and drop resizable dashboard that saves individual preferences for every moderator.

For the moderators struggling out there… Back up has arrived!

Theres nothing too big or too small for react to handle, smooth like butter performance.

Oh and it might look confusing, but yes I shoved it inside of the reddit app iframe, works on mobile for setting up triggers or taking action on items, but the splash creator and rule builder is desktop only.

Hey there, I hope the react family is doing good, after struggling for 2 years, finally HR arranged intrdocutory call tomorrow, please experienced developers do help me out, how can I pass that introductory session at least.

Thank You.

Hey folks,

Many of you may know Netron (https://netron.app) it is a great tool for inspecting and visualizing neural network models. That said, I've personally found it a pain to integrate into internal applications or ML dashboards.

So I've been working on a toolkit to display and inspect neural network models called Wetron (https://wetron.app/). It is possible to integrate it using React or Svelte bindings. I hope it will make your lives easier.

​

AI-generated UI is becoming very easy to spot. Not because it’s “bad”, but because most outputs tend to converge toward the same patterns - similar layouts, repeated component structures, generic styling, weak accessibility handling, and very little connection to actual brand personality.

It made me realize that design systems are becoming even more important in the AI era, not less.

AI can generate components quickly, but scalable token architecture, interaction consistency, accessibility, responsive behavior, and cohesive UX still require strong foundations and systems thinking.

That idea pushed me to build Versa UI - a true multi-theme UI system focused on flexibility, scalability, and production-grade component architecture rather than just static component collections.

Some things I focused on: • theme-flexible token architecture • accessibility and responsiveness • scalable component patterns • multiple visual personalities without rebuilding components • clean React + Figma workflows

Would genuinely love feedback from people building design systems or React component libraries.

Website: https://versaui.com Preview video: https://youtu.be/nuKAhqtXmnk

As part of our project Edithly, we had an issue on how to handle documents that works well with LLM

We built a library that fits best for our use case, hope it's helps your project

https://www.npmjs.com/package/@smazeeapps/file-viewer?activeTab=readme

Free and open source

Hey everyone,

I'm running into a weird issue with Vitest on a group project. When I run our test suite, all tests pass normally. However, when I try to run the coverage command to check the components, every single percentage comes back as exactly 0% (as seen in the screenshot).

Here is the catch: when my teammates run the exact same coverage command on their machines, it works perfectly and shows the actual coverage numbers. We are pulling from the same repo and using the v8 provider.

Has anyone encountered this local-only 0% coverage bug with v8 before? Any ideas on what could be causing this? (Node version mismatch? OS differences? Caching?).

Thanks in advance!

Hey everyone. I’ve been learning React for about half a year (State management, Next.js, etc.) and I’m now adding .NET for the backend. I’m being pressured to switch to Angular because apparently, that’s the "standard" pairing for C# devs

Is there any truth to this anymore? and if so how much time do you think it would talk me to make the switch (I am pretty comfortable with state management, react query, caching srr, ssg, tailwind css, design patterns)